#C2DFA9 - #FDEFBE | 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 #C2DFA9 to #FDEFBE

#C2DFA9 #FDEFBE

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

#C2DFA9 - #FDEFBE | 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 #C2DFA9 as 0% and #FDEFBE as 100%.

0.0%	0.0% #C2DFA9	RGB 194 223 169	#C2DFA9
16.7%	16.7% #CBE1AC	RGB 203 225 172	#CBE1AC
33.3%	33.3% #D5E4B0	RGB 213 228 176	#D5E4B0
50.0%	50.0% #DFE7B3	RGB 223 231 179	#DFE7B3
66.7%	66.7% #E9E9B7	RGB 233 233 183	#E9E9B7
83.3%	83.3% #F3ECBA	RGB 243 236 186	#F3ECBA
100.0%	100.0% #FDEFBE	RGB 253 239 190	#FDEFBE

#C2DFA9 #CBE1AC #D5E4B0 #DFE7B3 #E9E9B7 #F3ECBA #FDEFBE

#C2DFA9 - #FDEFBE

HSV Blend

#C2DFA9 - #FDEFBE | 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 #C2DFA9 as 0% and #FDEFBE as 100%.

0.0%	0.0% #C2DFA9	RGB 194 223 169	#C2DFA9
16.7%	16.7% #CDE4AC	RGB 205 228 172	#CDE4AC
33.3%	33.3% #D8E9B0	RGB 216 233 176	#D8E9B0
50.0%	50.0% #E4EEB3	RGB 228 238 179	#E4EEB3
66.7%	66.7% #F1F3B7	RGB 241 243 183	#F1F3B7
83.3%	83.3% #F8F2BA	RGB 248 242 186	#F8F2BA
100.0%	100.0% #FDEFBE	RGB 253 239 190	#FDEFBE

#C2DFA9 #CDE4AC #D8E9B0 #E4EEB3 #F1F3B7 #F8F2BA #FDEFBE

#C2DFA9 - #E4EEB3 - #FDEFBE

CSS codes

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

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