#925EB6 - #2F0966 | 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 #925EB6 to #2F0966

#925EB6 #2F0966

Calculate the color between two colors, #925EB6 and #2F0966. 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)

#925EB6 - #2F0966 | 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 #925EB6 as 0% and #2F0966 as 100%.

0.0%	0.0% #925EB6	RGB 146 94 182	#925EB6
16.7%	16.7% #814FA8	RGB 129 79 168	#814FA8
33.3%	33.3% #71419B	RGB 113 65 155	#71419B
50.0%	50.0% #60338E	RGB 96 51 142	#60338E
66.7%	66.7% #502580	RGB 80 37 128	#502580
83.3%	83.3% #3F1773	RGB 63 23 115	#3F1773
100.0%	100.0% #2F0966	RGB 47 9 102	#2F0966

#925EB6 #814FA8 #71419B #60338E #502580 #3F1773 #2F0966

#925EB6 - #2F0966

HSV Blend

#925EB6 - #2F0966 | 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 #925EB6 as 0% and #2F0966 as 100%.

0.0%	0.0% #915EB6	RGB 145 94 182	#915EB6
16.7%	16.7% #7F4BA8	RGB 127 75 168	#7F4BA8
33.3%	33.3% #6D3A9B	RGB 109 58 155	#6D3A9B
50.0%	50.0% #5C2A8E	RGB 92 42 142	#5C2A8E
66.7%	66.7% #4C1D80	RGB 76 29 128	#4C1D80
83.3%	83.3% #3C1273	RGB 60 18 115	#3C1273
100.0%	100.0% #2F0966	RGB 47 9 102	#2F0966

#915EB6 #7F4BA8 #6D3A9B #5C2A8E #4C1D80 #3C1273 #2F0966

#925EB6 - #5C2A8E - #2F0966

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #915EB6 0%, #5C2A8E 50%, #2F0966 100%);
    background: -webkit-linear-gradient(top, #915EB6 0%, #5C2A8E 50%, #2F0966 100%);
    background: linear-gradient(to bottom, #915EB6 0%, #5C2A8E 50%, #2F0966 100%);
}
</style>