#5E1214 - #230A07 | 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 #5E1214 to #230A07

#5E1214 #230A07

Calculate the color between two colors, #5E1214 and #230A07. 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)

#5E1214 - #230A07 | 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 #5E1214 as 0% and #230A07 as 100%.

0.0%	0.0% #5E1214	RGB 94 18 20	#5E1214
16.7%	16.7% #541011	RGB 84 16 17	#541011
33.3%	33.3% #4A0F0F	RGB 74 15 15	#4A0F0F
50.0%	50.0% #400E0D	RGB 64 14 13	#400E0D
66.7%	66.7% #360C0B	RGB 54 12 11	#360C0B
83.3%	83.3% #2C0B09	RGB 44 11 9	#2C0B09
100.0%	100.0% #230A07	RGB 35 10 7	#230A07

#5E1214 #541011 #4A0F0F #400E0D #360C0B #2C0B09 #230A07

#5E1214 - #230A07

HSV Blend

#5E1214 - #230A07 | 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 #5E1214 as 0% and #230A07 as 100%.

0.0%	0.0% #5E1113	RGB 94 17 19	#5E1113
16.7%	16.7% #541010	RGB 84 16 16	#541010
33.3%	33.3% #4A0F0E	RGB 74 15 14	#4A0F0E
50.0%	50.0% #400E0C	RGB 64 14 12	#400E0C
66.7%	66.7% #360D0A	RGB 54 13 10	#360D0A
83.3%	83.3% #2C0B08	RGB 44 11 8	#2C0B08
100.0%	100.0% #230A07	RGB 35 10 7	#230A07

#5E1113 #541010 #4A0F0E #400E0C #360D0A #2C0B08 #230A07

#5E1214 - #400E0C - #230A07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1113 0%, #400E0C 50%, #230A07 100%);
    background: -webkit-linear-gradient(top, #5E1113 0%, #400E0C 50%, #230A07 100%);
    background: linear-gradient(to bottom, #5E1113 0%, #400E0C 50%, #230A07 100%);
}
</style>