#CED2DA - #70949E | 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 #CED2DA to #70949E

#CED2DA #70949E

Calculate the color between two colors, #CED2DA and #70949E. 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)

#CED2DA - #70949E | 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 #CED2DA as 0% and #70949E as 100%.

0.0%	0.0% #CED2DA	RGB 206 210 218	#CED2DA
16.7%	16.7% #BEC7D0	RGB 190 199 208	#BEC7D0
33.3%	33.3% #AEBDC6	RGB 174 189 198	#AEBDC6
50.0%	50.0% #9FB3BC	RGB 159 179 188	#9FB3BC
66.7%	66.7% #8FA8B2	RGB 143 168 178	#8FA8B2
83.3%	83.3% #7F9EA8	RGB 127 158 168	#7F9EA8
100.0%	100.0% #70949E	RGB 112 148 158	#70949E

#CED2DA #BEC7D0 #AEBDC6 #9FB3BC #8FA8B2 #7F9EA8 #70949E

#CED2DA - #70949E

HSV Blend

#CED2DA - #70949E | 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 #CED2DA as 0% and #70949E as 100%.

0.0%	0.0% #CED2DA	RGB 206 210 218	#CED2DA
16.7%	16.7% #BCC4D0	RGB 188 196 208	#BCC4D0
33.3%	33.3% #ABB8C6	RGB 171 184 198	#ABB8C6
50.0%	50.0% #9BADBC	RGB 155 173 188	#9BADBC
66.7%	66.7% #8CA4B2	RGB 140 164 178	#8CA4B2
83.3%	83.3% #7D9BA8	RGB 125 155 168	#7D9BA8
100.0%	100.0% #70949E	RGB 112 148 158	#70949E

#CED2DA #BCC4D0 #ABB8C6 #9BADBC #8CA4B2 #7D9BA8 #70949E

#CED2DA - #9BADBC - #70949E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CED2DA 0%, #9BADBC 50%, #70949E 100%);
    background: -webkit-linear-gradient(top, #CED2DA 0%, #9BADBC 50%, #70949E 100%);
    background: linear-gradient(to bottom, #CED2DA 0%, #9BADBC 50%, #70949E 100%);
}
</style>