#CEC069 - #F1EDD4 | 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 #CEC069 to #F1EDD4

#CEC069 #F1EDD4

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

#CEC069 - #F1EDD4 | 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 #CEC069 as 0% and #F1EDD4 as 100%.

0.0%	0.0% #CEC069	RGB 206 192 105	#CEC069
16.7%	16.7% #D3C77A	RGB 211 199 122	#D3C77A
33.3%	33.3% #D9CF8C	RGB 217 207 140	#D9CF8C
50.0%	50.0% #DFD69E	RGB 223 214 158	#DFD69E
66.7%	66.7% #E5DEB0	RGB 229 222 176	#E5DEB0
83.3%	83.3% #EBE5C2	RGB 235 229 194	#EBE5C2
100.0%	100.0% #F1EDD4	RGB 241 237 212	#F1EDD4

#CEC069 #D3C77A #D9CF8C #DFD69E #E5DEB0 #EBE5C2 #F1EDD4

#CEC069 - #F1EDD4

HSV Blend

#CEC069 - #F1EDD4 | 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 #CEC069 as 0% and #F1EDD4 as 100%.

0.0%	0.0% #CEC069	RGB 206 192 105	#CEC069
16.7%	16.7% #D3C779	RGB 211 199 121	#D3C779
33.3%	33.3% #D9CE89	RGB 217 206 137	#D9CE89
50.0%	50.0% #DFD69B	RGB 223 214 155	#DFD69B
66.7%	66.7% #E5DDAD	RGB 229 221 173	#E5DDAD
83.3%	83.3% #EBE5C0	RGB 235 229 192	#EBE5C0
100.0%	100.0% #F1EDD4	RGB 241 237 212	#F1EDD4

#CEC069 #D3C779 #D9CE89 #DFD69B #E5DDAD #EBE5C0 #F1EDD4

#CEC069 - #DFD69B - #F1EDD4

CSS codes

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

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