#FFEADB - #CDA880 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #FFEADB to #CDA880

#FFEADB #CDA880

Calculate the color between two colors, #FFEADB and #CDA880. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#FFEADB - #CDA880 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #FFEADB as 0% and #CDA880 as 100%.

0.0%	0.0% #FFEADB	RGB 255 234 219	#FFEADB
16.7%	16.7% #F6DFCB	RGB 246 223 203	#F6DFCB
33.3%	33.3% #EED4BC	RGB 238 212 188	#EED4BC
50.0%	50.0% #E6C9AD	RGB 230 201 173	#E6C9AD
66.7%	66.7% #DDBE9E	RGB 221 190 158	#DDBE9E
83.3%	83.3% #D5B38F	RGB 213 179 143	#D5B38F
100.0%	100.0% #CDA880	RGB 205 168 128	#CDA880

#FFEADB #F6DFCB #EED4BC #E6C9AD #DDBE9E #D5B38F #CDA880

#FFEADB - #CDA880

HSV Blend

#FFEADB - #CDA880 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #FFEADB as 0% and #CDA880 as 100%.

0.0%	0.0% #FFEADB	RGB 255 234 219	#FFEADB
16.7%	16.7% #F6DDCA	RGB 246 221 202	#F6DDCA
33.3%	33.3% #EED1BA	RGB 238 209 186	#EED1BA
50.0%	50.0% #E6C6AA	RGB 230 198 170	#E6C6AA
66.7%	66.7% #DDBB9B	RGB 221 187 155	#DDBB9B
83.3%	83.3% #D5B18D	RGB 213 177 141	#D5B18D
100.0%	100.0% #CDA880	RGB 205 168 128	#CDA880

#FFEADB #F6DDCA #EED1BA #E6C6AA #DDBB9B #D5B18D #CDA880

#FFEADB - #E6C6AA - #CDA880

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #FFEADB 0%, #CDA880 100%);
    background: -webkit-linear-gradient(top, #FFEADB 0%, #CDA880 100%);
    background: linear-gradient(to bottom, #FFEADB 0%, #CDA880 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FFEADB 0%, #E6C6AA 50%, #CDA880 100%);
    background: -webkit-linear-gradient(top, #FFEADB 0%, #E6C6AA 50%, #CDA880 100%);
    background: linear-gradient(to bottom, #FFEADB 0%, #E6C6AA 50%, #CDA880 100%);
}
</style>