#CED664 - #E3DBA8 | 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 #CED664 to #E3DBA8

#CED664 #E3DBA8

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

#CED664 - #E3DBA8 | 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 #CED664 as 0% and #E3DBA8 as 100%.

0.0%	0.0% #CED664	RGB 206 214 100	#CED664
16.7%	16.7% #D1D66F	RGB 209 214 111	#D1D66F
33.3%	33.3% #D5D77A	RGB 213 215 122	#D5D77A
50.0%	50.0% #D8D886	RGB 216 216 134	#D8D886
66.7%	66.7% #DCD991	RGB 220 217 145	#DCD991
83.3%	83.3% #DFDA9C	RGB 223 218 156	#DFDA9C
100.0%	100.0% #E3DBA8	RGB 227 219 168	#E3DBA8

#CED664 #D1D66F #D5D77A #D8D886 #DCD991 #DFDA9C #E3DBA8

#CED664 - #E3DBA8

HSV Blend

#CED664 - #E3DBA8 | 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 #CED664 as 0% and #E3DBA8 as 100%.

0.0%	0.0% #CED664	RGB 206 214 100	#CED664
16.7%	16.7% #D4D86E	RGB 212 216 110	#D4D86E
33.3%	33.3% #DADA79	RGB 218 218 121	#DADA79
50.0%	50.0% #DCD985	RGB 220 217 133	#DCD985
66.7%	66.7% #DED990	RGB 222 217 144	#DED990
83.3%	83.3% #E0D99C	RGB 224 217 156	#E0D99C
100.0%	100.0% #E3DBA8	RGB 227 219 168	#E3DBA8

#CED664 #D4D86E #DADA79 #DCD985 #DED990 #E0D99C #E3DBA8

#CED664 - #DCD985 - #E3DBA8

CSS codes

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

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