#C2B66B - #D8FBC0 | 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 #C2B66B to #D8FBC0

#C2B66B #D8FBC0

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

#C2B66B - #D8FBC0 | 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 #C2B66B as 0% and #D8FBC0 as 100%.

0.0%	0.0% #C2B66B	RGB 194 182 107	#C2B66B
16.7%	16.7% #C5C179	RGB 197 193 121	#C5C179
33.3%	33.3% #C9CD87	RGB 201 205 135	#C9CD87
50.0%	50.0% #CDD895	RGB 205 216 149	#CDD895
66.7%	66.7% #D0E4A3	RGB 208 228 163	#D0E4A3
83.3%	83.3% #D4EFB1	RGB 212 239 177	#D4EFB1
100.0%	100.0% #D8FBC0	RGB 216 251 192	#D8FBC0

#C2B66B #C5C179 #C9CD87 #CDD895 #D0E4A3 #D4EFB1 #D8FBC0

#C2B66B - #D8FBC0

HSV Blend

#C2B66B - #D8FBC0 | 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 #C2B66B as 0% and #D8FBC0 as 100%.

0.0%	0.0% #C2B66B	RGB 194 182 107	#C2B66B
16.7%	16.7% #CBCA77	RGB 203 202 119	#CBCA77
33.3%	33.3% #CCD584	RGB 204 213 132	#CCD584
50.0%	50.0% #CDDE92	RGB 205 222 146	#CDDE92
66.7%	66.7% #CFE8A0	RGB 207 232 160	#CFE8A0
83.3%	83.3% #D2F1B0	RGB 210 241 176	#D2F1B0
100.0%	100.0% #D8FBC0	RGB 216 251 192	#D8FBC0

#C2B66B #CBCA77 #CCD584 #CDDE92 #CFE8A0 #D2F1B0 #D8FBC0

#C2B66B - #CDDE92 - #D8FBC0

CSS codes

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

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