#CECE6B - #FFEA8E | 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 #CECE6B to #FFEA8E

#CECE6B #FFEA8E

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

#CECE6B - #FFEA8E | 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 #CECE6B as 0% and #FFEA8E as 100%.

0.0%	0.0% #CECE6B	RGB 206 206 107	#CECE6B
16.7%	16.7% #D6D270	RGB 214 210 112	#D6D270
33.3%	33.3% #DED776	RGB 222 215 118	#DED776
50.0%	50.0% #E6DC7C	RGB 230 220 124	#E6DC7C
66.7%	66.7% #EEE082	RGB 238 224 130	#EEE082
83.3%	83.3% #F6E588	RGB 246 229 136	#F6E588
100.0%	100.0% #FFEA8E	RGB 255 234 142	#FFEA8E

#CECE6B #D6D270 #DED776 #E6DC7C #EEE082 #F6E588 #FFEA8E

#CECE6B - #FFEA8E

HSV Blend

#CECE6B - #FFEA8E | 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 #CECE6B as 0% and #FFEA8E as 100%.

0.0%	0.0% #CECE6B	RGB 206 206 107	#CECE6B
16.7%	16.7% #D6D370	RGB 214 211 112	#D6D370
33.3%	33.3% #DED776	RGB 222 215 118	#DED776
50.0%	50.0% #E6DC7C	RGB 230 220 124	#E6DC7C
66.7%	66.7% #EEE181	RGB 238 225 129	#EEE181
83.3%	83.3% #F6E587	RGB 246 229 135	#F6E587
100.0%	100.0% #FFEA8E	RGB 255 234 142	#FFEA8E

#CECE6B #D6D370 #DED776 #E6DC7C #EEE181 #F6E587 #FFEA8E

#CECE6B - #E6DC7C - #FFEA8E

CSS codes

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

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