#CCD4D9 - #6E9C97 | 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 #CCD4D9 to #6E9C97

#CCD4D9 #6E9C97

Calculate the color between two colors, #CCD4D9 and #6E9C97. 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)

#CCD4D9 - #6E9C97 | 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 #CCD4D9 as 0% and #6E9C97 as 100%.

0.0%	0.0% #CCD4D9	RGB 204 212 217	#CCD4D9
16.7%	16.7% #BCCACE	RGB 188 202 206	#BCCACE
33.3%	33.3% #ACC1C3	RGB 172 193 195	#ACC1C3
50.0%	50.0% #9DB8B8	RGB 157 184 184	#9DB8B8
66.7%	66.7% #8DAEAD	RGB 141 174 173	#8DAEAD
83.3%	83.3% #7DA5A2	RGB 125 165 162	#7DA5A2
100.0%	100.0% #6E9C97	RGB 110 156 151	#6E9C97

#CCD4D9 #BCCACE #ACC1C3 #9DB8B8 #8DAEAD #7DA5A2 #6E9C97

#CCD4D9 - #6E9C97

HSV Blend

#CCD4D9 - #6E9C97 | 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 #CCD4D9 as 0% and #6E9C97 as 100%.

0.0%	0.0% #CCD4D9	RGB 204 212 217	#CCD4D9
16.7%	16.7% #BAC8CE	RGB 186 200 206	#BAC8CE
33.3%	33.3% #A9BEC4	RGB 169 190 196	#A9BEC4
50.0%	50.0% #99B5BA	RGB 153 181 186	#99B5BA
66.7%	66.7% #8AAEB0	RGB 138 174 176	#8AAEB0
83.3%	83.3% #7BA6A5	RGB 123 166 165	#7BA6A5
100.0%	100.0% #6E9C97	RGB 110 156 151	#6E9C97

#CCD4D9 #BAC8CE #A9BEC4 #99B5BA #8AAEB0 #7BA6A5 #6E9C97

#CCD4D9 - #99B5BA - #6E9C97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCD4D9 0%, #99B5BA 50%, #6E9C97 100%);
    background: -webkit-linear-gradient(top, #CCD4D9 0%, #99B5BA 50%, #6E9C97 100%);
    background: linear-gradient(to bottom, #CCD4D9 0%, #99B5BA 50%, #6E9C97 100%);
}
</style>