We use cookies to provide you with the best user experience possible on our website. Analysis programs are used to record and evaluate the use of the website and display advertisements on Google. For these reasons is why we collect, use and share data.

If you wish to continue using this website, please agree to the use of cookies and analysis programs.

+

Color palette - Akudama

Overview

close

Possible uses

You can continue to use these color palettes. Make them your own and exchange individual colors as you wish. Rate these color palettes and share them.

Find examples of linear and radial color transitions with two colors from this color palette.

The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.

Easy for Web Design: Copy the CSS code for easy integration on your website.

Find examples of linear and radial color transitions with three colors from this color palette.

The first three colors are preselected - if available. You can add or deselect them with the color icon at the bottom right of each color.

Easy for Web Design: Copy the CSS code for easy integration on your website.

Lineal

HEX #CDCAD0 to HEX #FFC20E


CSS-Code:

background-image: linear-gradient(135deg, #CDCAD0 2%, #FFC20E 109%);

Radial

HEX #CDCAD0 to HEX #FFC20E


CSS-Code:

background-image: radial-gradient(circle, #CDCAD0 10%, #FFC20E 208%);

HEX #CDCAD0 to HEX #ED1C24


CSS-Code:

background-image: linear-gradient(135deg, #CDCAD0 -2%, #ED1C24 86%);


HEX #CDCAD0 to HEX #ED1C24


CSS-Code:

background-image: radial-gradient(circle, #CDCAD0 12%, #ED1C24 208%);

HEX #FFC20E to HEX #CDCAD0


CSS-Code:

background-image: linear-gradient(135deg, #FFC20E 2%, #CDCAD0 94%);


HEX #FFC20E to HEX #CDCAD0


CSS-Code:

background-image: radial-gradient(circle, #FFC20E 11%, #CDCAD0 198%);

HEX #FFC20E to HEX #ED1C24


CSS-Code:

background-image: linear-gradient(135deg, #FFC20E -4%, #ED1C24 96%);


HEX #FFC20E to HEX #ED1C24


CSS-Code:

background-image: radial-gradient(circle, #FFC20E -5%, #ED1C24 204%);

HEX #ED1C24 to HEX #CDCAD0


CSS-Code:

background-image: linear-gradient(135deg, #ED1C24 7%, #CDCAD0 103%);


HEX #ED1C24 to HEX #CDCAD0


CSS-Code:

background-image: radial-gradient(circle, #ED1C24 1%, #CDCAD0 199%);

HEX #ED1C24 to HEX #FFC20E


CSS-Code:

background-image: linear-gradient(135deg, #ED1C24 -7%, #FFC20E 90%);


HEX #ED1C24 to HEX #FFC20E


CSS-Code:

background-image: radial-gradient(circle, #ED1C24 10%, #FFC20E 208%);

Lineal

HEX #CDCAD0 over HEX #FFC20E to HEX #ED1C24


CSS-Code:

background-image: linear-gradient(135deg, #CDCAD0 11%, #FFC20E 44%, #ED1C24 105%);

Radial

HEX #CDCAD0 over HEX #FFC20E to HEX #ED1C24


CSS-Code:

background-image: radial-gradient(circle, #CDCAD0 6%, #FFC20E 50%, #ED1C24 94%);

HEX #CDCAD0 over HEX #ED1C24 to HEX #FFC20E


CSS-Code:

background-image: linear-gradient(135deg, #CDCAD0 6%, #ED1C24 45%, #FFC20E 109%);


HEX #CDCAD0 over HEX #ED1C24 to HEX #FFC20E


CSS-Code:

background-image: radial-gradient(circle, #CDCAD0 -9%, #ED1C24 51%, #FFC20E 94%);

HEX #FFC20E over HEX #CDCAD0 to HEX #ED1C24


CSS-Code:

background-image: linear-gradient(135deg, #FFC20E 9%, #CDCAD0 45%, #ED1C24 103%);


HEX #FFC20E over HEX #CDCAD0 to HEX #ED1C24


CSS-Code:

background-image: radial-gradient(circle, #FFC20E 0%, #CDCAD0 47%, #ED1C24 102%);

HEX #FFC20E over HEX #ED1C24 to HEX #CDCAD0


CSS-Code:

background-image: linear-gradient(135deg, #FFC20E -9%, #ED1C24 58%, #CDCAD0 92%);


HEX #FFC20E over HEX #ED1C24 to HEX #CDCAD0


CSS-Code:

background-image: radial-gradient(circle, #FFC20E 8%, #ED1C24 49%, #CDCAD0 95%);

HEX #ED1C24 over HEX #CDCAD0 to HEX #FFC20E


CSS-Code:

background-image: linear-gradient(135deg, #ED1C24 -2%, #CDCAD0 58%, #FFC20E 97%);


HEX #ED1C24 over HEX #CDCAD0 to HEX #FFC20E


CSS-Code:

background-image: radial-gradient(circle, #ED1C24 8%, #CDCAD0 44%, #FFC20E 95%);

HEX #ED1C24 over HEX #FFC20E to HEX #CDCAD0


CSS-Code:

background-image: linear-gradient(135deg, #ED1C24 9%, #FFC20E 58%, #CDCAD0 103%);


HEX #ED1C24 over HEX #FFC20E to HEX #CDCAD0


CSS-Code:

background-image: radial-gradient(circle, #ED1C24 -9%, #FFC20E 53%, #CDCAD0 89%);

2-Color Gradients adjusted (12 pieces)

Show

3-Color Gradients adjusted (12 pieces)

Show

Advertisement