#CECE99 - #FFEBB0 | 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 #CECE99 to #FFEBB0

#CECE99 #FFEBB0

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

#CECE99 - #FFEBB0 | 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 #CECE99 as 0% and #FFEBB0 as 100%.

0.0%	0.0% #CECE99	RGB 206 206 153	#CECE99
16.7%	16.7% #D6D29C	RGB 214 210 156	#D6D29C
33.3%	33.3% #DED7A0	RGB 222 215 160	#DED7A0
50.0%	50.0% #E6DCA4	RGB 230 220 164	#E6DCA4
66.7%	66.7% #EEE1A8	RGB 238 225 168	#EEE1A8
83.3%	83.3% #F6E6AC	RGB 246 230 172	#F6E6AC
100.0%	100.0% #FFEBB0	RGB 255 235 176	#FFEBB0

#CECE99 #D6D29C #DED7A0 #E6DCA4 #EEE1A8 #F6E6AC #FFEBB0

#CECE99 - #FFEBB0

HSV Blend

#CECE99 - #FFEBB0 | 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 #CECE99 as 0% and #FFEBB0 as 100%.

0.0%	0.0% #CECE99	RGB 206 206 153	#CECE99
16.7%	16.7% #D6D39D	RGB 214 211 157	#D6D39D
33.3%	33.3% #DED9A1	RGB 222 217 161	#DED9A1
50.0%	50.0% #E6DEA5	RGB 230 222 165	#E6DEA5
66.7%	66.7% #EEE2A8	RGB 238 226 168	#EEE2A8
83.3%	83.3% #F6E7AC	RGB 246 231 172	#F6E7AC
100.0%	100.0% #FFEBB0	RGB 255 235 176	#FFEBB0

#CECE99 #D6D39D #DED9A1 #E6DEA5 #EEE2A8 #F6E7AC #FFEBB0

#CECE99 - #E6DEA5 - #FFEBB0

CSS codes

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

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