#907CCF - #482BAE | 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 #907CCF to #482BAE

#907CCF #482BAE

Calculate the color between two colors, #907CCF and #482BAE. 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)

#907CCF - #482BAE | 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 #907CCF as 0% and #482BAE as 100%.

0.0%	0.0% #907CCF	RGB 144 124 207	#907CCF
16.7%	16.7% #846EC9	RGB 132 110 201	#846EC9
33.3%	33.3% #7861C4	RGB 120 97 196	#7861C4
50.0%	50.0% #6C53BE	RGB 108 83 190	#6C53BE
66.7%	66.7% #6046B9	RGB 96 70 185	#6046B9
83.3%	83.3% #5438B3	RGB 84 56 179	#5438B3
100.0%	100.0% #482BAE	RGB 72 43 174	#482BAE

#907CCF #846EC9 #7861C4 #6C53BE #6046B9 #5438B3 #482BAE

#907CCF - #482BAE

HSV Blend

#907CCF - #482BAE | 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 #907CCF as 0% and #482BAE as 100%.

0.0%	0.0% #8F7CCF	RGB 143 124 207	#8F7CCF
16.7%	16.7% #826CC9	RGB 130 108 201	#826CC9
33.3%	33.3% #765EC4	RGB 118 94 196	#765EC4
50.0%	50.0% #6A50BE	RGB 106 80 190	#6A50BE
66.7%	66.7% #5E43B9	RGB 94 67 185	#5E43B9
83.3%	83.3% #5236B3	RGB 82 54 179	#5236B3
100.0%	100.0% #482BAE	RGB 72 43 174	#482BAE

#8F7CCF #826CC9 #765EC4 #6A50BE #5E43B9 #5236B3 #482BAE

#907CCF - #6A50BE - #482BAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F7CCF 0%, #6A50BE 50%, #482BAE 100%);
    background: -webkit-linear-gradient(top, #8F7CCF 0%, #6A50BE 50%, #482BAE 100%);
    background: linear-gradient(to bottom, #8F7CCF 0%, #6A50BE 50%, #482BAE 100%);
}
</style>