#CFDCD1 - #7EAB8E | 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 #CFDCD1 to #7EAB8E

#CFDCD1 #7EAB8E

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

#CFDCD1 - #7EAB8E | 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 #CFDCD1 as 0% and #7EAB8E as 100%.

0.0%	0.0% #CFDCD1	RGB 207 220 209	#CFDCD1
16.7%	16.7% #C1D3C5	RGB 193 211 197	#C1D3C5
33.3%	33.3% #B4CBBA	RGB 180 203 186	#B4CBBA
50.0%	50.0% #A6C3AF	RGB 166 195 175	#A6C3AF
66.7%	66.7% #99BBA4	RGB 153 187 164	#99BBA4
83.3%	83.3% #8BB399	RGB 139 179 153	#8BB399
100.0%	100.0% #7EAB8E	RGB 126 171 142	#7EAB8E

#CFDCD1 #C1D3C5 #B4CBBA #A6C3AF #99BBA4 #8BB399 #7EAB8E

#CFDCD1 - #7EAB8E

HSV Blend

#CFDCD1 - #7EAB8E | 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 #CFDCD1 as 0% and #7EAB8E as 100%.

0.0%	0.0% #CFDCD1	RGB 207 220 209	#CFDCD1
16.7%	16.7% #C0D3C3	RGB 192 211 195	#C0D3C3
33.3%	33.3% #B1CBB7	RGB 177 203 183	#B1CBB7
50.0%	50.0% #A4C3AC	RGB 164 195 172	#A4C3AC
66.7%	66.7% #96BBA1	RGB 150 187 161	#96BBA1
83.3%	83.3% #8AB397	RGB 138 179 151	#8AB397
100.0%	100.0% #7EAB8E	RGB 126 171 142	#7EAB8E

#CFDCD1 #C0D3C3 #B1CBB7 #A4C3AC #96BBA1 #8AB397 #7EAB8E

#CFDCD1 - #A4C3AC - #7EAB8E

CSS codes

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

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