#0D0D30 - #403872 | 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 #0D0D30 to #403872

#0D0D30 #403872

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

#0D0D30 - #403872 | 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 #0D0D30 as 0% and #403872 as 100%.

0.0%	0.0% #0D0D30	RGB 13 13 48	#0D0D30
16.7%	16.7% #15143B	RGB 21 20 59	#15143B
33.3%	33.3% #1E1B46	RGB 30 27 70	#1E1B46
50.0%	50.0% #262251	RGB 38 34 81	#262251
66.7%	66.7% #2F295C	RGB 47 41 92	#2F295C
83.3%	83.3% #373067	RGB 55 48 103	#373067
100.0%	100.0% #403872	RGB 64 56 114	#403872

#0D0D30 #15143B #1E1B46 #262251 #2F295C #373067 #403872

#0D0D30 - #403872

HSV Blend

#0D0D30 - #403872 | 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 #0D0D30 as 0% and #403872 as 100%.

0.0%	0.0% #0D0D30	RGB 13 13 48	#0D0D30
16.7%	16.7% #13123B	RGB 19 18 59	#13123B
33.3%	33.3% #1A1846	RGB 26 24 70	#1A1846
50.0%	50.0% #221E51	RGB 34 30 81	#221E51
66.7%	66.7% #2B265C	RGB 43 38 92	#2B265C
83.3%	83.3% #352E67	RGB 53 46 103	#352E67
100.0%	100.0% #403872	RGB 64 56 114	#403872

#0D0D30 #13123B #1A1846 #221E51 #2B265C #352E67 #403872

#0D0D30 - #221E51 - #403872

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D0D30 0%, #221E51 50%, #403872 100%);
    background: -webkit-linear-gradient(top, #0D0D30 0%, #221E51 50%, #403872 100%);
    background: linear-gradient(to bottom, #0D0D30 0%, #221E51 50%, #403872 100%);
}
</style>