#CECE8B - #FFEBA6 | 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 #CECE8B to #FFEBA6

#CECE8B #FFEBA6

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

#CECE8B - #FFEBA6 | 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 #CECE8B as 0% and #FFEBA6 as 100%.

0.0%	0.0% #CECE8B	RGB 206 206 139	#CECE8B
16.7%	16.7% #D6D28F	RGB 214 210 143	#D6D28F
33.3%	33.3% #DED794	RGB 222 215 148	#DED794
50.0%	50.0% #E6DC98	RGB 230 220 152	#E6DC98
66.7%	66.7% #EEE19D	RGB 238 225 157	#EEE19D
83.3%	83.3% #F6E6A1	RGB 246 230 161	#F6E6A1
100.0%	100.0% #FFEBA6	RGB 255 235 166	#FFEBA6

#CECE8B #D6D28F #DED794 #E6DC98 #EEE19D #F6E6A1 #FFEBA6

#CECE8B - #FFEBA6

HSV Blend

#CECE8B - #FFEBA6 | 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 #CECE8B as 0% and #FFEBA6 as 100%.

0.0%	0.0% #CECE8B	RGB 206 206 139	#CECE8B
16.7%	16.7% #D6D38F	RGB 214 211 143	#D6D38F
33.3%	33.3% #DED894	RGB 222 216 148	#DED894
50.0%	50.0% #E6DD98	RGB 230 221 152	#E6DD98
66.7%	66.7% #EEE29D	RGB 238 226 157	#EEE29D
83.3%	83.3% #F6E6A1	RGB 246 230 161	#F6E6A1
100.0%	100.0% #FFEBA6	RGB 255 235 166	#FFEBA6

#CECE8B #D6D38F #DED894 #E6DD98 #EEE29D #F6E6A1 #FFEBA6

#CECE8B - #E6DD98 - #FFEBA6

CSS codes

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

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