#C3C2FE - #7958CE | 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 #C3C2FE to #7958CE

#C3C2FE #7958CE

Calculate the color between two colors, #C3C2FE and #7958CE. 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)

#C3C2FE - #7958CE | 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 #C3C2FE as 0% and #7958CE as 100%.

0.0%	0.0% #C3C2FE	RGB 195 194 254	#C3C2FE
16.7%	16.7% #B6B0F6	RGB 182 176 246	#B6B0F6
33.3%	33.3% #AA9EEE	RGB 170 158 238	#AA9EEE
50.0%	50.0% #9E8DE6	RGB 158 141 230	#9E8DE6
66.7%	66.7% #917BDE	RGB 145 123 222	#917BDE
83.3%	83.3% #8569D6	RGB 133 105 214	#8569D6
100.0%	100.0% #7958CE	RGB 121 88 206	#7958CE

#C3C2FE #B6B0F6 #AA9EEE #9E8DE6 #917BDE #8569D6 #7958CE

#C3C2FE - #7958CE

HSV Blend

#C3C2FE - #7958CE | 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 #C3C2FE as 0% and #7958CE as 100%.

0.0%	0.0% #C3C2FE	RGB 195 194 254	#C3C2FE
16.7%	16.7% #B2AEF6	RGB 178 174 246	#B2AEF6
33.3%	33.3% #A39BEE	RGB 163 155 238	#A39BEE
50.0%	50.0% #9688E6	RGB 150 136 230	#9688E6
66.7%	66.7% #8B77DE	RGB 139 119 222	#8B77DE
83.3%	83.3% #8167D6	RGB 129 103 214	#8167D6
100.0%	100.0% #7958CE	RGB 121 88 206	#7958CE

#C3C2FE #B2AEF6 #A39BEE #9688E6 #8B77DE #8167D6 #7958CE

#C3C2FE - #9688E6 - #7958CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3C2FE 0%, #9688E6 50%, #7958CE 100%);
    background: -webkit-linear-gradient(top, #C3C2FE 0%, #9688E6 50%, #7958CE 100%);
    background: linear-gradient(to bottom, #C3C2FE 0%, #9688E6 50%, #7958CE 100%);
}
</style>