#123910 - #0A1207 | 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 #123910 to #0A1207

#123910 #0A1207

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

#123910 - #0A1207 | 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 #123910 as 0% and #0A1207 as 100%.

0.0%	0.0% #123910	RGB 18 57 16	#123910
16.7%	16.7% #10320E	RGB 16 50 14	#10320E
33.3%	33.3% #0F2C0D	RGB 15 44 13	#0F2C0D
50.0%	50.0% #0E250B	RGB 14 37 11	#0E250B
66.7%	66.7% #0C1F0A	RGB 12 31 10	#0C1F0A
83.3%	83.3% #0B1808	RGB 11 24 8	#0B1808
100.0%	100.0% #0A1207	RGB 10 18 7	#0A1207

#123910 #10320E #0F2C0D #0E250B #0C1F0A #0B1808 #0A1207

#123910 - #0A1207

HSV Blend

#123910 - #0A1207 | 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 #123910 as 0% and #0A1207 as 100%.

0.0%	0.0% #123910	RGB 18 57 16	#123910
16.7%	16.7% #12320F	RGB 18 50 15	#12320F
33.3%	33.3% #112C0D	RGB 17 44 13	#112C0D
50.0%	50.0% #10250C	RGB 16 37 12	#10250C
66.7%	66.7% #0E1F0A	RGB 14 31 10	#0E1F0A
83.3%	83.3% #0C1809	RGB 12 24 9	#0C1809
100.0%	100.0% #0A1207	RGB 10 18 7	#0A1207

#123910 #12320F #112C0D #10250C #0E1F0A #0C1809 #0A1207

#123910 - #10250C - #0A1207

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #123910 0%, #10250C 50%, #0A1207 100%);
    background: -webkit-linear-gradient(top, #123910 0%, #10250C 50%, #0A1207 100%);
    background: linear-gradient(to bottom, #123910 0%, #10250C 50%, #0A1207 100%);
}
</style>