#A55BA3 - #2F192E | 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 #A55BA3 to #2F192E

#A55BA3 #2F192E

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

#A55BA3 - #2F192E | 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 #A55BA3 as 0% and #2F192E as 100%.

0.0%	0.0% #A55BA3	RGB 165 91 163	#A55BA3
16.7%	16.7% #91508F	RGB 145 80 143	#91508F
33.3%	33.3% #7D457C	RGB 125 69 124	#7D457C
50.0%	50.0% #6A3A68	RGB 106 58 104	#6A3A68
66.7%	66.7% #562F55	RGB 86 47 85	#562F55
83.3%	83.3% #422441	RGB 66 36 65	#422441
100.0%	100.0% #2F192E	RGB 47 25 46	#2F192E

#A55BA3 #91508F #7D457C #6A3A68 #562F55 #422441 #2F192E

#A55BA3 - #2F192E

HSV Blend

#A55BA3 - #2F192E | 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 #A55BA3 as 0% and #2F192E as 100%.

0.0%	0.0% #A55BA3	RGB 165 91 163	#A55BA3
16.7%	16.7% #914F8F	RGB 145 79 143	#914F8F
33.3%	33.3% #7D447B	RGB 125 68 123	#7D447B
50.0%	50.0% #6A3968	RGB 106 57 104	#6A3968
66.7%	66.7% #562E54	RGB 86 46 84	#562E54
83.3%	83.3% #422341	RGB 66 35 65	#422341
100.0%	100.0% #2F192E	RGB 47 25 46	#2F192E

#A55BA3 #914F8F #7D447B #6A3968 #562E54 #422341 #2F192E

#A55BA3 - #6A3968 - #2F192E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A55BA3 0%, #6A3968 50%, #2F192E 100%);
    background: -webkit-linear-gradient(top, #A55BA3 0%, #6A3968 50%, #2F192E 100%);
    background: linear-gradient(to bottom, #A55BA3 0%, #6A3968 50%, #2F192E 100%);
}
</style>