#CFDCCF - #7FAD80 | 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 #CFDCCF to #7FAD80

#CFDCCF #7FAD80

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

#CFDCCF - #7FAD80 | 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 #CFDCCF as 0% and #7FAD80 as 100%.

0.0%	0.0% #CFDCCF	RGB 207 220 207	#CFDCCF
16.7%	16.7% #C1D4C1	RGB 193 212 193	#C1D4C1
33.3%	33.3% #B4CCB4	RGB 180 204 180	#B4CCB4
50.0%	50.0% #A7C4A7	RGB 167 196 167	#A7C4A7
66.7%	66.7% #99BC9A	RGB 153 188 154	#99BC9A
83.3%	83.3% #8CB48D	RGB 140 180 141	#8CB48D
100.0%	100.0% #7FAD80	RGB 127 173 128	#7FAD80

#CFDCCF #C1D4C1 #B4CCB4 #A7C4A7 #99BC9A #8CB48D #7FAD80

#CFDCCF - #7FAD80

HSV Blend

#CFDCCF - #7FAD80 | 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 #CFDCCF as 0% and #7FAD80 as 100%.

0.0%	0.0% #CFDCCF	RGB 207 220 207	#CFDCCF
16.7%	16.7% #C0D4C0	RGB 192 212 192	#C0D4C0
33.3%	33.3% #B2CCB2	RGB 178 204 178	#B2CCB2
50.0%	50.0% #A4C4A4	RGB 164 196 164	#A4C4A4
66.7%	66.7% #97BC98	RGB 151 188 152	#97BC98
83.3%	83.3% #8AB48B	RGB 138 180 139	#8AB48B
100.0%	100.0% #7FAD80	RGB 127 173 128	#7FAD80

#CFDCCF #C0D4C0 #B2CCB2 #A4C4A4 #97BC98 #8AB48B #7FAD80

#CFDCCF - #A4C4A4 - #7FAD80

CSS codes

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

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