#C4C2D1 - #8F6B91 | 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 #C4C2D1 to #8F6B91

#C4C2D1 #8F6B91

Calculate the color between two colors, #C4C2D1 and #8F6B91. 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)

#C4C2D1 - #8F6B91 | 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 #C4C2D1 as 0% and #8F6B91 as 100%.

0.0%	0.0% #C4C2D1	RGB 196 194 209	#C4C2D1
16.7%	16.7% #BBB3C6	RGB 187 179 198	#BBB3C6
33.3%	33.3% #B2A5BB	RGB 178 165 187	#B2A5BB
50.0%	50.0% #A996B1	RGB 169 150 177	#A996B1
66.7%	66.7% #A088A6	RGB 160 136 166	#A088A6
83.3%	83.3% #97799B	RGB 151 121 155	#97799B
100.0%	100.0% #8F6B91	RGB 143 107 145	#8F6B91

#C4C2D1 #BBB3C6 #B2A5BB #A996B1 #A088A6 #97799B #8F6B91

#C4C2D1 - #8F6B91

HSV Blend

#C4C2D1 - #8F6B91 | 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 #C4C2D1 as 0% and #8F6B91 as 100%.

0.0%	0.0% #C4C2D1	RGB 196 194 209	#C4C2D1
16.7%	16.7% #B7B1C6	RGB 183 177 198	#B7B1C6
33.3%	33.3% #ACA2BB	RGB 172 162 187	#ACA2BB
50.0%	50.0% #A393B1	RGB 163 147 177	#A393B1
66.7%	66.7% #9B85A6	RGB 155 133 166	#9B85A6
83.3%	83.3% #94779B	RGB 148 119 155	#94779B
100.0%	100.0% #8F6B91	RGB 143 107 145	#8F6B91

#C4C2D1 #B7B1C6 #ACA2BB #A393B1 #9B85A6 #94779B #8F6B91

#C4C2D1 - #A393B1 - #8F6B91

CSS codes

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

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