#C2DC8F - #FFF0B0 | 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 #C2DC8F to #FFF0B0

#C2DC8F #FFF0B0

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

#C2DC8F - #FFF0B0 | 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 #C2DC8F as 0% and #FFF0B0 as 100%.

0.0%	0.0% #C2DC8F	RGB 194 220 143	#C2DC8F
16.7%	16.7% #CCDF94	RGB 204 223 148	#CCDF94
33.3%	33.3% #D6E29A	RGB 214 226 154	#D6E29A
50.0%	50.0% #E0E69F	RGB 224 230 159	#E0E69F
66.7%	66.7% #EAE9A5	RGB 234 233 165	#EAE9A5
83.3%	83.3% #F4ECAA	RGB 244 236 170	#F4ECAA
100.0%	100.0% #FFF0B0	RGB 255 240 176	#FFF0B0

#C2DC8F #CCDF94 #D6E29A #E0E69F #EAE9A5 #F4ECAA #FFF0B0

#C2DC8F - #FFF0B0

HSV Blend

#C2DC8F - #FFF0B0 | 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 #C2DC8F as 0% and #FFF0B0 as 100%.

0.0%	0.0% #C2DC8F	RGB 194 220 143	#C2DC8F
16.7%	16.7% #CEE194	RGB 206 225 148	#CEE194
33.3%	33.3% #DBE799	RGB 219 231 153	#DBE799
50.0%	50.0% #E7ED9F	RGB 231 237 159	#E7ED9F
66.7%	66.7% #F3F2A4	RGB 243 242 164	#F3F2A4
83.3%	83.3% #F9F1AA	RGB 249 241 170	#F9F1AA
100.0%	100.0% #FFF0B0	RGB 255 240 176	#FFF0B0

#C2DC8F #CEE194 #DBE799 #E7ED9F #F3F2A4 #F9F1AA #FFF0B0

#C2DC8F - #E7ED9F - #FFF0B0

CSS codes

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

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