#967BDC - #4C1493 | 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 #967BDC to #4C1493

#967BDC #4C1493

Calculate the color between two colors, #967BDC and #4C1493. 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)

#967BDC - #4C1493 | 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 #967BDC as 0% and #4C1493 as 100%.

0.0%	0.0% #967BDC	RGB 150 123 220	#967BDC
16.7%	16.7% #8969CF	RGB 137 105 207	#8969CF
33.3%	33.3% #7D58C3	RGB 125 88 195	#7D58C3
50.0%	50.0% #7147B7	RGB 113 71 183	#7147B7
66.7%	66.7% #6436AB	RGB 100 54 171	#6436AB
83.3%	83.3% #58259F	RGB 88 37 159	#58259F
100.0%	100.0% #4C1493	RGB 76 20 147	#4C1493

#967BDC #8969CF #7D58C3 #7147B7 #6436AB #58259F #4C1493

#967BDC - #4C1493

HSV Blend

#967BDC - #4C1493 | 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 #967BDC as 0% and #4C1493 as 100%.

0.0%	0.0% #967BDC	RGB 150 123 220	#967BDC
16.7%	16.7% #8665CF	RGB 134 101 207	#8665CF
33.3%	33.3% #7751C3	RGB 119 81 195	#7751C3
50.0%	50.0% #6A3FB7	RGB 106 63 183	#6A3FB7
66.7%	66.7% #5F2FAB	RGB 95 47 171	#5F2FAB
83.3%	83.3% #55209F	RGB 85 32 159	#55209F
100.0%	100.0% #4C1493	RGB 76 20 147	#4C1493

#967BDC #8665CF #7751C3 #6A3FB7 #5F2FAB #55209F #4C1493

#967BDC - #6A3FB7 - #4C1493

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #967BDC 0%, #6A3FB7 50%, #4C1493 100%);
    background: -webkit-linear-gradient(top, #967BDC 0%, #6A3FB7 50%, #4C1493 100%);
    background: linear-gradient(to bottom, #967BDC 0%, #6A3FB7 50%, #4C1493 100%);
}
</style>