#C8C4D4 - #806991 | 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 #C8C4D4 to #806991

#C8C4D4 #806991

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

#C8C4D4 - #806991 | 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 #C8C4D4 as 0% and #806991 as 100%.

0.0%	0.0% #C8C4D4	RGB 200 196 212	#C8C4D4
16.7%	16.7% #BCB4C8	RGB 188 180 200	#BCB4C8
33.3%	33.3% #B0A5BD	RGB 176 165 189	#B0A5BD
50.0%	50.0% #A496B2	RGB 164 150 178	#A496B2
66.7%	66.7% #9887A7	RGB 152 135 167	#9887A7
83.3%	83.3% #8C789C	RGB 140 120 156	#8C789C
100.0%	100.0% #806991	RGB 128 105 145	#806991

#C8C4D4 #BCB4C8 #B0A5BD #A496B2 #9887A7 #8C789C #806991

#C8C4D4 - #806991

HSV Blend

#C8C4D4 - #806991 | 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 #C8C4D4 as 0% and #806991 as 100%.

0.0%	0.0% #C8C4D4	RGB 200 196 212	#C8C4D4
16.7%	16.7% #B9B2C8	RGB 185 178 200	#B9B2C8
33.3%	33.3% #ACA2BD	RGB 172 162 189	#ACA2BD
50.0%	50.0% #A093B2	RGB 160 147 178	#A093B2
66.7%	66.7% #9484A7	RGB 148 132 167	#9484A7
83.3%	83.3% #8A769C	RGB 138 118 156	#8A769C
100.0%	100.0% #806991	RGB 128 105 145	#806991

#C8C4D4 #B9B2C8 #ACA2BD #A093B2 #9484A7 #8A769C #806991

#C8C4D4 - #A093B2 - #806991

CSS codes

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

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