#522E5E - #1F0805 | 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 #522E5E to #1F0805

#522E5E #1F0805

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

#522E5E - #1F0805 | 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 #522E5E as 0% and #1F0805 as 100%.

0.0%	0.0% #522E5E	RGB 82 46 94	#522E5E
16.7%	16.7% #49274F	RGB 73 39 79	#49274F
33.3%	33.3% #412140	RGB 65 33 64	#412140
50.0%	50.0% #381B31	RGB 56 27 49	#381B31
66.7%	66.7% #301422	RGB 48 20 34	#301422
83.3%	83.3% #270E13	RGB 39 14 19	#270E13
100.0%	100.0% #1F0805	RGB 31 8 5	#1F0805

#522E5E #49274F #412140 #381B31 #301422 #270E13 #1F0805

#522E5E - #1F0805

HSV Blend

#522E5E - #1F0805 | 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 #522E5E as 0% and #1F0805 as 100%.

0.0%	0.0% #522E5E	RGB 82 46 94	#522E5E
16.7%	16.7% #522453	RGB 82 36 83	#522453
33.3%	33.3% #491B3F	RGB 73 27 63	#491B3F
50.0%	50.0% #3E142C	RGB 62 20 44	#3E142C
66.7%	66.7% #340E1A	RGB 52 14 26	#340E1A
83.3%	83.3% #29080C	RGB 41 8 12	#29080C
100.0%	100.0% #1F0805	RGB 31 8 5	#1F0805

#522E5E #522453 #491B3F #3E142C #340E1A #29080C #1F0805

#522E5E - #3E142C - #1F0805

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #522E5E 0%, #3E142C 50%, #1F0805 100%);
    background: -webkit-linear-gradient(top, #522E5E 0%, #3E142C 50%, #1F0805 100%);
    background: linear-gradient(to bottom, #522E5E 0%, #3E142C 50%, #1F0805 100%);
}
</style>