#CECFDA - #70879E | 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 #CECFDA to #70879E

#CECFDA #70879E

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

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

0.0%	0.0% #CECFDA	RGB 206 207 218	#CECFDA
16.7%	16.7% #BEC3D0	RGB 190 195 208	#BEC3D0
33.3%	33.3% #AEB7C6	RGB 174 183 198	#AEB7C6
50.0%	50.0% #9FABBC	RGB 159 171 188	#9FABBC
66.7%	66.7% #8F9FB2	RGB 143 159 178	#8F9FB2
83.3%	83.3% #7F93A8	RGB 127 147 168	#7F93A8
100.0%	100.0% #70879E	RGB 112 135 158	#70879E

#CECFDA #BEC3D0 #AEB7C6 #9FABBC #8F9FB2 #7F93A8 #70879E

#CECFDA - #70879E

HSV Blend

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

0.0%	0.0% #CECFDA	RGB 206 207 218	#CECFDA
16.7%	16.7% #BCBFD0	RGB 188 191 208	#BCBFD0
33.3%	33.3% #ABB1C6	RGB 171 177 198	#ABB1C6
50.0%	50.0% #9BA4BC	RGB 155 164 188	#9BA4BC
66.7%	66.7% #8C99B2	RGB 140 153 178	#8C99B2
83.3%	83.3% #7D8FA8	RGB 125 143 168	#7D8FA8
100.0%	100.0% #70879E	RGB 112 135 158	#70879E

#CECFDA #BCBFD0 #ABB1C6 #9BA4BC #8C99B2 #7D8FA8 #70879E

#CECFDA - #9BA4BC - #70879E

CSS codes

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

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