#502426 - #0F0314 | 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 #502426 to #0F0314

#502426 #0F0314

Calculate the color between two colors, #502426 and #0F0314. 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)

#502426 - #0F0314 | 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 #502426 as 0% and #0F0314 as 100%.

0.0%	0.0% #502426	RGB 80 36 38	#502426
16.7%	16.7% #451E23	RGB 69 30 35	#451E23
33.3%	33.3% #3A1920	RGB 58 25 32	#3A1920
50.0%	50.0% #2F131D	RGB 47 19 29	#2F131D
66.7%	66.7% #240E1A	RGB 36 14 26	#240E1A
83.3%	83.3% #190817	RGB 25 8 23	#190817
100.0%	100.0% #0F0314	RGB 15 3 20	#0F0314

#502426 #451E23 #3A1920 #2F131D #240E1A #190817 #0F0314

#502426 - #0F0314

HSV Blend

#502426 - #0F0314 | 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 #502426 as 0% and #0F0314 as 100%.

0.0%	0.0% #502425	RGB 80 36 37	#502425
16.7%	16.7% #461C26	RGB 70 28 38	#461C26
33.3%	33.3% #3C1527	RGB 60 21 39	#3C1527
50.0%	50.0% #320F26	RGB 50 15 38	#320F26
66.7%	66.7% #280A24	RGB 40 10 36	#280A24
83.3%	83.3% #1B061E	RGB 27 6 30	#1B061E
100.0%	100.0% #0F0314	RGB 15 3 20	#0F0314

#502425 #461C26 #3C1527 #320F26 #280A24 #1B061E #0F0314

#502426 - #320F26 - #0F0314

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #502425 0%, #320F26 50%, #0F0314 100%);
    background: -webkit-linear-gradient(top, #502425 0%, #320F26 50%, #0F0314 100%);
    background: linear-gradient(to bottom, #502425 0%, #320F26 50%, #0F0314 100%);
}
</style>