#CECE56 - #FFEA7E | 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 #CECE56 to #FFEA7E

#CECE56 #FFEA7E

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

#CECE56 - #FFEA7E | 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 #CECE56 as 0% and #FFEA7E as 100%.

0.0%	0.0% #CECE56	RGB 206 206 86	#CECE56
16.7%	16.7% #D6D25C	RGB 214 210 92	#D6D25C
33.3%	33.3% #DED763	RGB 222 215 99	#DED763
50.0%	50.0% #E6DC6A	RGB 230 220 106	#E6DC6A
66.7%	66.7% #EEE070	RGB 238 224 112	#EEE070
83.3%	83.3% #F6E577	RGB 246 229 119	#F6E577
100.0%	100.0% #FFEA7E	RGB 255 234 126	#FFEA7E

#CECE56 #D6D25C #DED763 #E6DC6A #EEE070 #F6E577 #FFEA7E

#CECE56 - #FFEA7E

HSV Blend

#CECE56 - #FFEA7E | 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 #CECE56 as 0% and #FFEA7E as 100%.

0.0%	0.0% #CECE56	RGB 206 206 86	#CECE56
16.7%	16.7% #D6D25C	RGB 214 210 92	#D6D25C
33.3%	33.3% #DED762	RGB 222 215 98	#DED762
50.0%	50.0% #E6DC69	RGB 230 220 105	#E6DC69
66.7%	66.7% #EEE06F	RGB 238 224 111	#EEE06F
83.3%	83.3% #F6E576	RGB 246 229 118	#F6E576
100.0%	100.0% #FFEA7E	RGB 255 234 126	#FFEA7E

#CECE56 #D6D25C #DED762 #E6DC69 #EEE06F #F6E576 #FFEA7E

#CECE56 - #E6DC69 - #FFEA7E

CSS codes

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

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