#CED8D2 - #729D9F | 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 #CED8D2 to #729D9F

#CED8D2 #729D9F

Calculate the color between two colors, #CED8D2 and #729D9F. 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)

#CED8D2 - #729D9F | 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 #CED8D2 as 0% and #729D9F as 100%.

0.0%	0.0% #CED8D2	RGB 206 216 210	#CED8D2
16.7%	16.7% #BECEC9	RGB 190 206 201	#BECEC9
33.3%	33.3% #AFC4C1	RGB 175 196 193	#AFC4C1
50.0%	50.0% #A0BAB8	RGB 160 186 184	#A0BAB8
66.7%	66.7% #90B0B0	RGB 144 176 176	#90B0B0
83.3%	83.3% #81A6A7	RGB 129 166 167	#81A6A7
100.0%	100.0% #729D9F	RGB 114 157 159	#729D9F

#CED8D2 #BECEC9 #AFC4C1 #A0BAB8 #90B0B0 #81A6A7 #729D9F

#CED8D2 - #729D9F

HSV Blend

#CED8D2 - #729D9F | 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 #CED8D2 as 0% and #729D9F as 100%.

0.0%	0.0% #CED8D2	RGB 206 216 210	#CED8D2
16.7%	16.7% #BCCEC5	RGB 188 206 197	#BCCEC5
33.3%	33.3% #ACC5BB	RGB 172 197 187	#ACC5BB
50.0%	50.0% #9CBBB2	RGB 156 187 178	#9CBBB2
66.7%	66.7% #8DB2AB	RGB 141 178 171	#8DB2AB
83.3%	83.3% #7FA8A5	RGB 127 168 165	#7FA8A5
100.0%	100.0% #729D9F	RGB 114 157 159	#729D9F

#CED8D2 #BCCEC5 #ACC5BB #9CBBB2 #8DB2AB #7FA8A5 #729D9F

#CED8D2 - #9CBBB2 - #729D9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CED8D2 0%, #9CBBB2 50%, #729D9F 100%);
    background: -webkit-linear-gradient(top, #CED8D2 0%, #9CBBB2 50%, #729D9F 100%);
    background: linear-gradient(to bottom, #CED8D2 0%, #9CBBB2 50%, #729D9F 100%);
}
</style>