#CECED6 - #807AB0 | 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 #CECED6 to #807AB0

#CECED6 #807AB0

Calculate the color between two colors, #CECED6 and #807AB0. 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)

#CECED6 - #807AB0 | 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 #CECED6 as 0% and #807AB0 as 100%.

0.0%	0.0% #CECED6	RGB 206 206 214	#CECED6
16.7%	16.7% #C1C0CF	RGB 193 192 207	#C1C0CF
33.3%	33.3% #B4B2C9	RGB 180 178 201	#B4B2C9
50.0%	50.0% #A7A4C3	RGB 167 164 195	#A7A4C3
66.7%	66.7% #9A96BC	RGB 154 150 188	#9A96BC
83.3%	83.3% #8D88B6	RGB 141 136 182	#8D88B6
100.0%	100.0% #807AB0	RGB 128 122 176	#807AB0

#CECED6 #C1C0CF #B4B2C9 #A7A4C3 #9A96BC #8D88B6 #807AB0

#CECED6 - #807AB0

HSV Blend

#CECED6 - #807AB0 | 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 #CECED6 as 0% and #807AB0 as 100%.

0.0%	0.0% #CECED6	RGB 206 206 214	#CECED6
16.7%	16.7% #BEBECF	RGB 190 190 207	#BEBECF
33.3%	33.3% #B0AFC9	RGB 176 175 201	#B0AFC9
50.0%	50.0% #A3A1C3	RGB 163 161 195	#A3A1C3
66.7%	66.7% #9693BC	RGB 150 147 188	#9693BC
83.3%	83.3% #8A86B6	RGB 138 134 182	#8A86B6
100.0%	100.0% #807AB0	RGB 128 122 176	#807AB0

#CECED6 #BEBECF #B0AFC9 #A3A1C3 #9693BC #8A86B6 #807AB0

#CECED6 - #A3A1C3 - #807AB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECED6 0%, #A3A1C3 50%, #807AB0 100%);
    background: -webkit-linear-gradient(top, #CECED6 0%, #A3A1C3 50%, #807AB0 100%);
    background: linear-gradient(to bottom, #CECED6 0%, #A3A1C3 50%, #807AB0 100%);
}
</style>