#CDCAD5 - #867192 | 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 #CDCAD5 to #867192

#CDCAD5 #867192

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

#CDCAD5 - #867192 | 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 #CDCAD5 as 0% and #867192 as 100%.

0.0%	0.0% #CDCAD5	RGB 205 202 213	#CDCAD5
16.7%	16.7% #C1BBC9	RGB 193 187 201	#C1BBC9
33.3%	33.3% #B5ACBE	RGB 181 172 190	#B5ACBE
50.0%	50.0% #A99DB3	RGB 169 157 179	#A99DB3
66.7%	66.7% #9D8EA8	RGB 157 142 168	#9D8EA8
83.3%	83.3% #917F9D	RGB 145 127 157	#917F9D
100.0%	100.0% #867192	RGB 134 113 146	#867192

#CDCAD5 #C1BBC9 #B5ACBE #A99DB3 #9D8EA8 #917F9D #867192

#CDCAD5 - #867192

HSV Blend

#CDCAD5 - #867192 | 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 #CDCAD5 as 0% and #867192 as 100%.

0.0%	0.0% #CDCAD5	RGB 205 202 213	#CDCAD5
16.7%	16.7% #BEB9C9	RGB 190 185 201	#BEB9C9
33.3%	33.3% #B1A9BE	RGB 177 169 190	#B1A9BE
50.0%	50.0% #A59AB3	RGB 165 154 179	#A59AB3
66.7%	66.7% #9A8CA8	RGB 154 140 168	#9A8CA8
83.3%	83.3% #907E9D	RGB 144 126 157	#907E9D
100.0%	100.0% #867192	RGB 134 113 146	#867192

#CDCAD5 #BEB9C9 #B1A9BE #A59AB3 #9A8CA8 #907E9D #867192

#CDCAD5 - #A59AB3 - #867192

CSS codes

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

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