#C4CF48 - #ECCFE9 | 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 #C4CF48 to #ECCFE9

#C4CF48 #ECCFE9

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

#C4CF48 - #ECCFE9 | 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 #C4CF48 as 0% and #ECCFE9 as 100%.

0.0%	0.0% #C4CF48	RGB 196 207 72	#C4CF48
16.7%	16.7% #CACF62	RGB 202 207 98	#CACF62
33.3%	33.3% #D1CF7D	RGB 209 207 125	#D1CF7D
50.0%	50.0% #D8CF98	RGB 216 207 152	#D8CF98
66.7%	66.7% #DECFB3	RGB 222 207 179	#DECFB3
83.3%	83.3% #E5CFCE	RGB 229 207 206	#E5CFCE
100.0%	100.0% #ECCFE9	RGB 236 207 233	#ECCFE9

#C4CF48 #CACF62 #D1CF7D #D8CF98 #DECFB3 #E5CFCE #ECCFE9

#C4CF48 - #ECCFE9

HSV Blend

#C4CF48 - #ECCFE9 | 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 #C4CF48 as 0% and #ECCFE9 as 100%.

0.0%	0.0% #C4CF48	RGB 196 207 72	#C4CF48
16.7%	16.7% #D3B65C	RGB 211 182 92	#D3B65C
33.3%	33.3% #D89D71	RGB 216 157 113	#D89D71
50.0%	50.0% #DD8F87	RGB 221 143 135	#DD8F87
66.7%	66.7% #E29EAE	RGB 226 158 174	#E29EAE
83.3%	83.3% #E7B6D2	RGB 231 182 210	#E7B6D2
100.0%	100.0% #ECCFE9	RGB 236 207 233	#ECCFE9

#C4CF48 #D3B65C #D89D71 #DD8F87 #E29EAE #E7B6D2 #ECCFE9

#C4CF48 - #DD8F87 - #ECCFE9

CSS codes

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

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