#231D3C - #150008 | 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 #231D3C to #150008

#231D3C #150008

Calculate the color between two colors, #231D3C and #150008. 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)

#231D3C - #150008 | 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 #231D3C as 0% and #150008 as 100%.

0.0%	0.0% #231D3C	RGB 35 29 60	#231D3C
16.7%	16.7% #201833	RGB 32 24 51	#201833
33.3%	33.3% #1E132A	RGB 30 19 42	#1E132A
50.0%	50.0% #1C0E22	RGB 28 14 34	#1C0E22
66.7%	66.7% #190919	RGB 25 9 25	#190919
83.3%	83.3% #170410	RGB 23 4 16	#170410
100.0%	100.0% #150008	RGB 21 0 8	#150008

#231D3C #201833 #1E132A #1C0E22 #190919 #170410 #150008

#231D3C - #150008

HSV Blend

#231D3C - #150008 | 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 #231D3C as 0% and #150008 as 100%.

0.0%	0.0% #231D3C	RGB 35 29 60	#231D3C
16.7%	16.7% #231535	RGB 35 21 53	#231535
33.3%	33.3% #240F2F	RGB 36 15 47	#240F2F
50.0%	50.0% #250928	RGB 37 9 40	#250928
66.7%	66.7% #22051D	RGB 34 5 29	#22051D
83.3%	83.3% #1B0211	RGB 27 2 17	#1B0211
100.0%	100.0% #150008	RGB 21 0 8	#150008

#231D3C #231535 #240F2F #250928 #22051D #1B0211 #150008

#231D3C - #250928 - #150008

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #231D3C 0%, #250928 50%, #150008 100%);
    background: -webkit-linear-gradient(top, #231D3C 0%, #250928 50%, #150008 100%);
    background: linear-gradient(to bottom, #231D3C 0%, #250928 50%, #150008 100%);
}
</style>