#CFDFD1 - #7EAF8D | 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 #CFDFD1 to #7EAF8D

#CFDFD1 #7EAF8D

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

#CFDFD1 - #7EAF8D | 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 #CFDFD1 as 0% and #7EAF8D as 100%.

0.0%	0.0% #CFDFD1	RGB 207 223 209	#CFDFD1
16.7%	16.7% #C1D7C5	RGB 193 215 197	#C1D7C5
33.3%	33.3% #B4CFBA	RGB 180 207 186	#B4CFBA
50.0%	50.0% #A6C7AF	RGB 166 199 175	#A6C7AF
66.7%	66.7% #99BFA3	RGB 153 191 163	#99BFA3
83.3%	83.3% #8BB798	RGB 139 183 152	#8BB798
100.0%	100.0% #7EAF8D	RGB 126 175 141	#7EAF8D

#CFDFD1 #C1D7C5 #B4CFBA #A6C7AF #99BFA3 #8BB798 #7EAF8D

#CFDFD1 - #7EAF8D

HSV Blend

#CFDFD1 - #7EAF8D | 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 #CFDFD1 as 0% and #7EAF8D as 100%.

0.0%	0.0% #CFDFD1	RGB 207 223 209	#CFDFD1
16.7%	16.7% #C0D7C3	RGB 192 215 195	#C0D7C3
33.3%	33.3% #B1CFB7	RGB 177 207 183	#B1CFB7
50.0%	50.0% #A4C7AB	RGB 164 199 171	#A4C7AB
66.7%	66.7% #96BFA0	RGB 150 191 160	#96BFA0
83.3%	83.3% #8AB796	RGB 138 183 150	#8AB796
100.0%	100.0% #7EAF8D	RGB 126 175 141	#7EAF8D

#CFDFD1 #C0D7C3 #B1CFB7 #A4C7AB #96BFA0 #8AB796 #7EAF8D

#CFDFD1 - #A4C7AB - #7EAF8D

CSS codes

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

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