#C8C4D3 - #806990 | 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 #C8C4D3 to #806990

#C8C4D3 #806990

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

#C8C4D3 - #806990 | 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 #C8C4D3 as 0% and #806990 as 100%.

0.0%	0.0% #C8C4D3	RGB 200 196 211	#C8C4D3
16.7%	16.7% #BCB4C7	RGB 188 180 199	#BCB4C7
33.3%	33.3% #B0A5BC	RGB 176 165 188	#B0A5BC
50.0%	50.0% #A496B1	RGB 164 150 177	#A496B1
66.7%	66.7% #9887A6	RGB 152 135 166	#9887A6
83.3%	83.3% #8C789B	RGB 140 120 155	#8C789B
100.0%	100.0% #806990	RGB 128 105 144	#806990

#C8C4D3 #BCB4C7 #B0A5BC #A496B1 #9887A6 #8C789B #806990

#C8C4D3 - #806990

HSV Blend

#C8C4D3 - #806990 | 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 #C8C4D3 as 0% and #806990 as 100%.

0.0%	0.0% #C8C4D3	RGB 200 196 211	#C8C4D3
16.7%	16.7% #B9B2C7	RGB 185 178 199	#B9B2C7
33.3%	33.3% #ACA2BC	RGB 172 162 188	#ACA2BC
50.0%	50.0% #A093B1	RGB 160 147 177	#A093B1
66.7%	66.7% #9484A6	RGB 148 132 166	#9484A6
83.3%	83.3% #8A769B	RGB 138 118 155	#8A769B
100.0%	100.0% #806990	RGB 128 105 144	#806990

#C8C4D3 #B9B2C7 #ACA2BC #A093B1 #9484A6 #8A769B #806990

#C8C4D3 - #A093B1 - #806990

CSS codes

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

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