#522B5E - #230434 | 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 #522B5E to #230434

#522B5E #230434

Calculate the color between two colors, #522B5E and #230434. 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)

#522B5E - #230434 | 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 #522B5E as 0% and #230434 as 100%.

0.0%	0.0% #522B5E	RGB 82 43 94	#522B5E
16.7%	16.7% #4A2457	RGB 74 36 87	#4A2457
33.3%	33.3% #421E50	RGB 66 30 80	#421E50
50.0%	50.0% #3A1749	RGB 58 23 73	#3A1749
66.7%	66.7% #321042	RGB 50 16 66	#321042
83.3%	83.3% #2A0A3B	RGB 42 10 59	#2A0A3B
100.0%	100.0% #230434	RGB 35 4 52	#230434

#522B5E #4A2457 #421E50 #3A1749 #321042 #2A0A3B #230434

#522B5E - #230434

HSV Blend

#522B5E - #230434 | 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 #522B5E as 0% and #230434 as 100%.

0.0%	0.0% #512B5E	RGB 81 43 94	#512B5E
16.7%	16.7% #492257	RGB 73 34 87	#492257
33.3%	33.3% #411A50	RGB 65 26 80	#411A50
50.0%	50.0% #391349	RGB 57 19 73	#391349
66.7%	66.7% #310D42	RGB 49 13 66	#310D42
83.3%	83.3% #2A083B	RGB 42 8 59	#2A083B
100.0%	100.0% #230434	RGB 35 4 52	#230434

#512B5E #492257 #411A50 #391349 #310D42 #2A083B #230434

#522B5E - #391349 - #230434

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #512B5E 0%, #391349 50%, #230434 100%);
    background: -webkit-linear-gradient(top, #512B5E 0%, #391349 50%, #230434 100%);
    background: linear-gradient(to bottom, #512B5E 0%, #391349 50%, #230434 100%);
}
</style>