#C8C3FF - #695ACE | 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 #C8C3FF to #695ACE

#C8C3FF #695ACE

Calculate the color between two colors, #C8C3FF and #695ACE. 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)

#C8C3FF - #695ACE | 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 #C8C3FF as 0% and #695ACE as 100%.

0.0%	0.0% #C8C3FF	RGB 200 195 255	#C8C3FF
16.7%	16.7% #B8B1F6	RGB 184 177 246	#B8B1F6
33.3%	33.3% #A8A0EE	RGB 168 160 238	#A8A0EE
50.0%	50.0% #988EE6	RGB 152 142 230	#988EE6
66.7%	66.7% #887DDE	RGB 136 125 222	#887DDE
83.3%	83.3% #786BD6	RGB 120 107 214	#786BD6
100.0%	100.0% #695ACE	RGB 105 90 206	#695ACE

#C8C3FF #B8B1F6 #A8A0EE #988EE6 #887DDE #786BD6 #695ACE

#C8C3FF - #695ACE

HSV Blend

#C8C3FF - #695ACE | 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 #C8C3FF as 0% and #695ACE as 100%.

0.0%	0.0% #C8C3FF	RGB 200 195 255	#C8C3FF
16.7%	16.7% #B5AFF6	RGB 181 175 246	#B5AFF6
33.3%	33.3% #A49CEE	RGB 164 156 238	#A49CEE
50.0%	50.0% #948AE6	RGB 148 138 230	#948AE6
66.7%	66.7% #8479DE	RGB 132 121 222	#8479DE
83.3%	83.3% #7669D6	RGB 118 105 214	#7669D6
100.0%	100.0% #695ACE	RGB 105 90 206	#695ACE

#C8C3FF #B5AFF6 #A49CEE #948AE6 #8479DE #7669D6 #695ACE

#C8C3FF - #948AE6 - #695ACE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C3FF 0%, #948AE6 50%, #695ACE 100%);
    background: -webkit-linear-gradient(top, #C8C3FF 0%, #948AE6 50%, #695ACE 100%);
    background: linear-gradient(to bottom, #C8C3FF 0%, #948AE6 50%, #695ACE 100%);
}
</style>