#A62C92 - #2F0C29 | 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 #A62C92 to #2F0C29

#A62C92 #2F0C29

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

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

0.0%	0.0% #A62C92	RGB 166 44 146	#A62C92
16.7%	16.7% #922680	RGB 146 38 128	#922680
33.3%	33.3% #7E216F	RGB 126 33 111	#7E216F
50.0%	50.0% #6A1C5D	RGB 106 28 93	#6A1C5D
66.7%	66.7% #56164C	RGB 86 22 76	#56164C
83.3%	83.3% #42113A	RGB 66 17 58	#42113A
100.0%	100.0% #2F0C29	RGB 47 12 41	#2F0C29

#A62C92 #922680 #7E216F #6A1C5D #56164C #42113A #2F0C29

#A62C92 - #2F0C29

HSV Blend

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

0.0%	0.0% #A62C92	RGB 166 44 146	#A62C92
16.7%	16.7% #922680	RGB 146 38 128	#922680
33.3%	33.3% #7E216E	RGB 126 33 110	#7E216E
50.0%	50.0% #6A1B5D	RGB 106 27 93	#6A1B5D
66.7%	66.7% #56164B	RGB 86 22 75	#56164B
83.3%	83.3% #42113A	RGB 66 17 58	#42113A
100.0%	100.0% #2F0C29	RGB 47 12 41	#2F0C29

#A62C92 #922680 #7E216E #6A1B5D #56164B #42113A #2F0C29

#A62C92 - #6A1B5D - #2F0C29

CSS codes

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

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