#CED17C - #E2B8D0 | 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 #CED17C to #E2B8D0

#CED17C #E2B8D0

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

#CED17C - #E2B8D0 | 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 #CED17C as 0% and #E2B8D0 as 100%.

0.0%	0.0% #CED17C	RGB 206 209 124	#CED17C
16.7%	16.7% #D1CC8A	RGB 209 204 138	#D1CC8A
33.3%	33.3% #D4C898	RGB 212 200 152	#D4C898
50.0%	50.0% #D8C4A6	RGB 216 196 166	#D8C4A6
66.7%	66.7% #DBC0B4	RGB 219 192 180	#DBC0B4
83.3%	83.3% #DEBCC2	RGB 222 188 194	#DEBCC2
100.0%	100.0% #E2B8D0	RGB 226 184 208	#E2B8D0

#CED17C #D1CC8A #D4C898 #D8C4A6 #DBC0B4 #DEBCC2 #E2B8D0

#CED17C - #E2B8D0

HSV Blend

#CED17C - #E2B8D0 | 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 #CED17C as 0% and #E2B8D0 as 100%.

0.0%	0.0% #CED17C	RGB 206 209 124	#CED17C
16.7%	16.7% #D3C185	RGB 211 193 133	#D3C185
33.3%	33.3% #D6B28F	RGB 214 178 143	#D6B28F
50.0%	50.0% #D9A899	RGB 217 168 153	#D9A899
66.7%	66.7% #DCA3A5	RGB 220 163 165	#DCA3A5
83.3%	83.3% #DFADBC	RGB 223 173 188	#DFADBC
100.0%	100.0% #E2B8D0	RGB 226 184 208	#E2B8D0

#CED17C #D3C185 #D6B28F #D9A899 #DCA3A5 #DFADBC #E2B8D0

#CED17C - #D9A899 - #E2B8D0

CSS codes

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

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