#CECAD7 - #867195 | 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 #CECAD7 to #867195

#CECAD7 #867195

Calculate the color between two colors, #CECAD7 and #867195. 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)

#CECAD7 - #867195 | 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 #CECAD7 as 0% and #867195 as 100%.

0.0%	0.0% #CECAD7	RGB 206 202 215	#CECAD7
16.7%	16.7% #C2BBCC	RGB 194 187 204	#C2BBCC
33.3%	33.3% #B6ACC1	RGB 182 172 193	#B6ACC1
50.0%	50.0% #AA9DB6	RGB 170 157 182	#AA9DB6
66.7%	66.7% #9E8EAB	RGB 158 142 171	#9E8EAB
83.3%	83.3% #927FA0	RGB 146 127 160	#927FA0
100.0%	100.0% #867195	RGB 134 113 149	#867195

#CECAD7 #C2BBCC #B6ACC1 #AA9DB6 #9E8EAB #927FA0 #867195

#CECAD7 - #867195

HSV Blend

#CECAD7 - #867195 | 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 #CECAD7 as 0% and #867195 as 100%.

0.0%	0.0% #CECAD7	RGB 206 202 215	#CECAD7
16.7%	16.7% #C0B9CC	RGB 192 185 204	#C0B9CC
33.3%	33.3% #B2A9C1	RGB 178 169 193	#B2A9C1
50.0%	50.0% #A69AB6	RGB 166 154 182	#A69AB6
66.7%	66.7% #9B8CAB	RGB 155 140 171	#9B8CAB
83.3%	83.3% #907EA0	RGB 144 126 160	#907EA0
100.0%	100.0% #867195	RGB 134 113 149	#867195

#CECAD7 #C0B9CC #B2A9C1 #A69AB6 #9B8CAB #907EA0 #867195

#CECAD7 - #A69AB6 - #867195

CSS codes

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

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