#232E3E - #080F0E | 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 #232E3E to #080F0E

#232E3E #080F0E

Calculate the color between two colors, #232E3E and #080F0E. 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)

#232E3E - #080F0E | 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 #232E3E as 0% and #080F0E as 100%.

0.0%	0.0% #232E3E	RGB 35 46 62	#232E3E
16.7%	16.7% #1E2836	RGB 30 40 54	#1E2836
33.3%	33.3% #1A232E	RGB 26 35 46	#1A232E
50.0%	50.0% #151E26	RGB 21 30 38	#151E26
66.7%	66.7% #11191E	RGB 17 25 30	#11191E
83.3%	83.3% #0C1416	RGB 12 20 22	#0C1416
100.0%	100.0% #080F0E	RGB 8 15 14	#080F0E

#232E3E #1E2836 #1A232E #151E26 #11191E #0C1416 #080F0E

#232E3E - #080F0E

HSV Blend

#232E3E - #080F0E | 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 #232E3E as 0% and #080F0E as 100%.

0.0%	0.0% #232E3E	RGB 35 46 62	#232E3E
16.7%	16.7% #1E2A36	RGB 30 42 54	#1E2A36
33.3%	33.3% #19272E	RGB 25 39 46	#19272E
50.0%	50.0% #152226	RGB 21 34 38	#152226
66.7%	66.7% #101D1E	RGB 16 29 30	#101D1E
83.3%	83.3% #0C1616	RGB 12 22 22	#0C1616
100.0%	100.0% #080F0E	RGB 8 15 14	#080F0E

#232E3E #1E2A36 #19272E #152226 #101D1E #0C1616 #080F0E

#232E3E - #152226 - #080F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #232E3E 0%, #152226 50%, #080F0E 100%);
    background: -webkit-linear-gradient(top, #232E3E 0%, #152226 50%, #080F0E 100%);
    background: linear-gradient(to bottom, #232E3E 0%, #152226 50%, #080F0E 100%);
}
</style>