#CEBF3E - #DACAB5 | 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 #CEBF3E to #DACAB5

#CEBF3E #DACAB5

Calculate the color between two colors, #CEBF3E and #DACAB5. 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)

#CEBF3E - #DACAB5 | 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 #CEBF3E as 0% and #DACAB5 as 100%.

0.0%	0.0% #CEBF3E	RGB 206 191 62	#CEBF3E
16.7%	16.7% #D0C051	RGB 208 192 81	#D0C051
33.3%	33.3% #D2C265	RGB 210 194 101	#D2C265
50.0%	50.0% #D4C479	RGB 212 196 121	#D4C479
66.7%	66.7% #D6C68D	RGB 214 198 141	#D6C68D
83.3%	83.3% #D8C8A1	RGB 216 200 161	#D8C8A1
100.0%	100.0% #DACAB5	RGB 218 202 181	#DACAB5

#CEBF3E #D0C051 #D2C265 #D4C479 #D6C68D #D8C8A1 #DACAB5

#CEBF3E - #DACAB5

HSV Blend

#CEBF3E - #DACAB5 | 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 #CEBF3E as 0% and #DACAB5 as 100%.

0.0%	0.0% #CEBF3E	RGB 206 191 62	#CEBF3E
16.7%	16.7% #D0BB50	RGB 208 187 80	#D0BB50
33.3%	33.3% #D2BA64	RGB 210 186 100	#D2BA64
50.0%	50.0% #D4BB77	RGB 212 187 119	#D4BB77
66.7%	66.7% #D6BE8B	RGB 214 190 139	#D6BE8B
83.3%	83.3% #D8C2A0	RGB 216 194 160	#D8C2A0
100.0%	100.0% #DACAB5	RGB 218 202 181	#DACAB5

#CEBF3E #D0BB50 #D2BA64 #D4BB77 #D6BE8B #D8C2A0 #DACAB5

#CEBF3E - #D4BB77 - #DACAB5

CSS codes

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

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