#CFDCD9 - #7FADA0 | 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 #CFDCD9 to #7FADA0

#CFDCD9 #7FADA0

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

#CFDCD9 - #7FADA0 | 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 #CFDCD9 as 0% and #7FADA0 as 100%.

0.0%	0.0% #CFDCD9	RGB 207 220 217	#CFDCD9
16.7%	16.7% #C1D4CF	RGB 193 212 207	#C1D4CF
33.3%	33.3% #B4CCC6	RGB 180 204 198	#B4CCC6
50.0%	50.0% #A7C4BC	RGB 167 196 188	#A7C4BC
66.7%	66.7% #99BCB3	RGB 153 188 179	#99BCB3
83.3%	83.3% #8CB4A9	RGB 140 180 169	#8CB4A9
100.0%	100.0% #7FADA0	RGB 127 173 160	#7FADA0

#CFDCD9 #C1D4CF #B4CCC6 #A7C4BC #99BCB3 #8CB4A9 #7FADA0

#CFDCD9 - #7FADA0

HSV Blend

#CFDCD9 - #7FADA0 | 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 #CFDCD9 as 0% and #7FADA0 as 100%.

0.0%	0.0% #CFDCD9	RGB 207 220 217	#CFDCD9
16.7%	16.7% #C0D4CF	RGB 192 212 207	#C0D4CF
33.3%	33.3% #B2CCC5	RGB 178 204 197	#B2CCC5
50.0%	50.0% #A4C4BC	RGB 164 196 188	#A4C4BC
66.7%	66.7% #97BCB2	RGB 151 188 178	#97BCB2
83.3%	83.3% #8AB4A9	RGB 138 180 169	#8AB4A9
100.0%	100.0% #7FADA0	RGB 127 173 160	#7FADA0

#CFDCD9 #C0D4CF #B2CCC5 #A4C4BC #97BCB2 #8AB4A9 #7FADA0

#CFDCD9 - #A4C4BC - #7FADA0

CSS codes

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

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