#C8C4D9 - #816798 | 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 #C8C4D9 to #816798

#C8C4D9 #816798

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

#C8C4D9 - #816798 | 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 #C8C4D9 as 0% and #816798 as 100%.

0.0%	0.0% #C8C4D9	RGB 200 196 217	#C8C4D9
16.7%	16.7% #BCB4CE	RGB 188 180 206	#BCB4CE
33.3%	33.3% #B0A5C3	RGB 176 165 195	#B0A5C3
50.0%	50.0% #A495B8	RGB 164 149 184	#A495B8
66.7%	66.7% #9886AD	RGB 152 134 173	#9886AD
83.3%	83.3% #8C76A2	RGB 140 118 162	#8C76A2
100.0%	100.0% #816798	RGB 129 103 152	#816798

#C8C4D9 #BCB4CE #B0A5C3 #A495B8 #9886AD #8C76A2 #816798

#C8C4D9 - #816798

HSV Blend

#C8C4D9 - #816798 | 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 #C8C4D9 as 0% and #816798 as 100%.

0.0%	0.0% #C8C4D9	RGB 200 196 217	#C8C4D9
16.7%	16.7% #B9B2CE	RGB 185 178 206	#B9B2CE
33.3%	33.3% #ABA1C3	RGB 171 161 195	#ABA1C3
50.0%	50.0% #9F91B8	RGB 159 145 184	#9F91B8
66.7%	66.7% #9482AD	RGB 148 130 173	#9482AD
83.3%	83.3% #8A74A2	RGB 138 116 162	#8A74A2
100.0%	100.0% #816798	RGB 129 103 152	#816798

#C8C4D9 #B9B2CE #ABA1C3 #9F91B8 #9482AD #8A74A2 #816798

#C8C4D9 - #9F91B8 - #816798

CSS codes

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

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