#CECE8A - #FFEBA5 | 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 #CECE8A to #FFEBA5

#CECE8A #FFEBA5

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

#CECE8A - #FFEBA5 | 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 #CECE8A as 0% and #FFEBA5 as 100%.

0.0%	0.0% #CECE8A	RGB 206 206 138	#CECE8A
16.7%	16.7% #D6D28E	RGB 214 210 142	#D6D28E
33.3%	33.3% #DED793	RGB 222 215 147	#DED793
50.0%	50.0% #E6DC97	RGB 230 220 151	#E6DC97
66.7%	66.7% #EEE19C	RGB 238 225 156	#EEE19C
83.3%	83.3% #F6E6A0	RGB 246 230 160	#F6E6A0
100.0%	100.0% #FFEBA5	RGB 255 235 165	#FFEBA5

#CECE8A #D6D28E #DED793 #E6DC97 #EEE19C #F6E6A0 #FFEBA5

#CECE8A - #FFEBA5

HSV Blend

#CECE8A - #FFEBA5 | 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 #CECE8A as 0% and #FFEBA5 as 100%.

0.0%	0.0% #CECE8A	RGB 206 206 138	#CECE8A
16.7%	16.7% #D6D38E	RGB 214 211 142	#D6D38E
33.3%	33.3% #DED893	RGB 222 216 147	#DED893
50.0%	50.0% #E6DD97	RGB 230 221 151	#E6DD97
66.7%	66.7% #EEE29C	RGB 238 226 156	#EEE29C
83.3%	83.3% #F6E6A0	RGB 246 230 160	#F6E6A0
100.0%	100.0% #FFEBA5	RGB 255 235 165	#FFEBA5

#CECE8A #D6D38E #DED893 #E6DD97 #EEE29C #F6E6A0 #FFEBA5

#CECE8A - #E6DD97 - #FFEBA5

CSS codes

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

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