#251F5E - #1F000D | 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 #251F5E to #1F000D

#251F5E #1F000D

Calculate the color between two colors, #251F5E and #1F000D. 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)

#251F5E - #1F000D | 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 #251F5E as 0% and #1F000D as 100%.

0.0%	0.0% #251F5E	RGB 37 31 94	#251F5E
16.7%	16.7% #241950	RGB 36 25 80	#241950
33.3%	33.3% #231443	RGB 35 20 67	#231443
50.0%	50.0% #220F35	RGB 34 15 53	#220F35
66.7%	66.7% #210A28	RGB 33 10 40	#210A28
83.3%	83.3% #20051A	RGB 32 5 26	#20051A
100.0%	100.0% #1F000D	RGB 31 0 13	#1F000D

#251F5E #241950 #231443 #220F35 #210A28 #20051A #1F000D

#251F5E - #1F000D

HSV Blend

#251F5E - #1F000D | 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 #251F5E as 0% and #1F000D as 100%.

0.0%	0.0% #251F5E	RGB 37 31 94	#251F5E
16.7%	16.7% #2B1653	RGB 43 22 83	#2B1653
33.3%	33.3% #311049	RGB 49 16 73	#311049
50.0%	50.0% #360A3E	RGB 54 10 62	#360A3E
66.7%	66.7% #340530	RGB 52 5 48	#340530
83.3%	83.3% #29021C	RGB 41 2 28	#29021C
100.0%	100.0% #1F000D	RGB 31 0 13	#1F000D

#251F5E #2B1653 #311049 #360A3E #340530 #29021C #1F000D

#251F5E - #360A3E - #1F000D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #251F5E 0%, #360A3E 50%, #1F000D 100%);
    background: -webkit-linear-gradient(top, #251F5E 0%, #360A3E 50%, #1F000D 100%);
    background: linear-gradient(to bottom, #251F5E 0%, #360A3E 50%, #1F000D 100%);
}
</style>