#CFDCD2 - #7EAB8F | 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 #CFDCD2 to #7EAB8F

#CFDCD2 #7EAB8F

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

#CFDCD2 - #7EAB8F | 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 #CFDCD2 as 0% and #7EAB8F as 100%.

0.0%	0.0% #CFDCD2	RGB 207 220 210	#CFDCD2
16.7%	16.7% #C1D3C6	RGB 193 211 198	#C1D3C6
33.3%	33.3% #B4CBBB	RGB 180 203 187	#B4CBBB
50.0%	50.0% #A6C3B0	RGB 166 195 176	#A6C3B0
66.7%	66.7% #99BBA5	RGB 153 187 165	#99BBA5
83.3%	83.3% #8BB39A	RGB 139 179 154	#8BB39A
100.0%	100.0% #7EAB8F	RGB 126 171 143	#7EAB8F

#CFDCD2 #C1D3C6 #B4CBBB #A6C3B0 #99BBA5 #8BB39A #7EAB8F

#CFDCD2 - #7EAB8F

HSV Blend

#CFDCD2 - #7EAB8F | 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 #CFDCD2 as 0% and #7EAB8F as 100%.

0.0%	0.0% #CFDCD2	RGB 207 220 210	#CFDCD2
16.7%	16.7% #C0D3C5	RGB 192 211 197	#C0D3C5
33.3%	33.3% #B1CBB9	RGB 177 203 185	#B1CBB9
50.0%	50.0% #A4C3AD	RGB 164 195 173	#A4C3AD
66.7%	66.7% #96BBA2	RGB 150 187 162	#96BBA2
83.3%	83.3% #8AB398	RGB 138 179 152	#8AB398
100.0%	100.0% #7EAB8F	RGB 126 171 143	#7EAB8F

#CFDCD2 #C0D3C5 #B1CBB9 #A4C3AD #96BBA2 #8AB398 #7EAB8F

#CFDCD2 - #A4C3AD - #7EAB8F

CSS codes

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

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