#C3B2FF - #5D41CE | 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 #C3B2FF to #5D41CE

#C3B2FF #5D41CE

Calculate the color between two colors, #C3B2FF and #5D41CE. 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)

#C3B2FF - #5D41CE | 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 #C3B2FF as 0% and #5D41CE as 100%.

0.0%	0.0% #C3B2FF	RGB 195 178 255	#C3B2FF
16.7%	16.7% #B29FF6	RGB 178 159 246	#B29FF6
33.3%	33.3% #A18CEE	RGB 161 140 238	#A18CEE
50.0%	50.0% #9079E6	RGB 144 121 230	#9079E6
66.7%	66.7% #7F66DE	RGB 127 102 222	#7F66DE
83.3%	83.3% #6E53D6	RGB 110 83 214	#6E53D6
100.0%	100.0% #5D41CE	RGB 93 65 206	#5D41CE

#C3B2FF #B29FF6 #A18CEE #9079E6 #7F66DE #6E53D6 #5D41CE

#C3B2FF - #5D41CE

HSV Blend

#C3B2FF - #5D41CE | 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 #C3B2FF as 0% and #5D41CE as 100%.

0.0%	0.0% #C3B2FF	RGB 195 178 255	#C3B2FF
16.7%	16.7% #B09CF6	RGB 176 156 246	#B09CF6
33.3%	33.3% #9E88EE	RGB 158 136 238	#9E88EE
50.0%	50.0% #8C74E6	RGB 140 116 230	#8C74E6
66.7%	66.7% #7C62DE	RGB 124 98 222	#7C62DE
83.3%	83.3% #6C51D6	RGB 108 81 214	#6C51D6
100.0%	100.0% #5D41CE	RGB 93 65 206	#5D41CE

#C3B2FF #B09CF6 #9E88EE #8C74E6 #7C62DE #6C51D6 #5D41CE

#C3B2FF - #8C74E6 - #5D41CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3B2FF 0%, #8C74E6 50%, #5D41CE 100%);
    background: -webkit-linear-gradient(top, #C3B2FF 0%, #8C74E6 50%, #5D41CE 100%);
    background: linear-gradient(to bottom, #C3B2FF 0%, #8C74E6 50%, #5D41CE 100%);
}
</style>