#232C3C - #060F0D | 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 #232C3C to #060F0D

#232C3C #060F0D

Calculate the color between two colors, #232C3C and #060F0D. 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)

#232C3C - #060F0D | 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 #232C3C as 0% and #060F0D as 100%.

0.0%	0.0% #232C3C	RGB 35 44 60	#232C3C
16.7%	16.7% #1E2734	RGB 30 39 52	#1E2734
33.3%	33.3% #19222C	RGB 25 34 44	#19222C
50.0%	50.0% #141D24	RGB 20 29 36	#141D24
66.7%	66.7% #0F181C	RGB 15 24 28	#0F181C
83.3%	83.3% #0A1314	RGB 10 19 20	#0A1314
100.0%	100.0% #060F0D	RGB 6 15 13	#060F0D

#232C3C #1E2734 #19222C #141D24 #0F181C #0A1314 #060F0D

#232C3C - #060F0D

HSV Blend

#232C3C - #060F0D | 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 #232C3C as 0% and #060F0D as 100%.

0.0%	0.0% #232C3C	RGB 35 44 60	#232C3C
16.7%	16.7% #1D2834	RGB 29 40 52	#1D2834
33.3%	33.3% #17252D	RGB 23 37 45	#17252D
50.0%	50.0% #122125	RGB 18 33 37	#122125
66.7%	66.7% #0D1C1E	RGB 13 28 30	#0D1C1E
83.3%	83.3% #091615	RGB 9 22 21	#091615
100.0%	100.0% #060F0D	RGB 6 15 13	#060F0D

#232C3C #1D2834 #17252D #122125 #0D1C1E #091615 #060F0D

#232C3C - #122125 - #060F0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #232C3C 0%, #122125 50%, #060F0D 100%);
    background: -webkit-linear-gradient(top, #232C3C 0%, #122125 50%, #060F0D 100%);
    background: linear-gradient(to bottom, #232C3C 0%, #122125 50%, #060F0D 100%);
}
</style>