#2D258B - #260022 | 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 #2D258B to #260022

#2D258B #260022

Calculate the color between two colors, #2D258B and #260022. 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)

#2D258B - #260022 | 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 #2D258B as 0% and #260022 as 100%.

0.0%	0.0% #2D258B	RGB 45 37 139	#2D258B
16.7%	16.7% #2B1E79	RGB 43 30 121	#2B1E79
33.3%	33.3% #2A1868	RGB 42 24 104	#2A1868
50.0%	50.0% #291256	RGB 41 18 86	#291256
66.7%	66.7% #280C45	RGB 40 12 69	#280C45
83.3%	83.3% #270633	RGB 39 6 51	#270633
100.0%	100.0% #260022	RGB 38 0 34	#260022

#2D258B #2B1E79 #2A1868 #291256 #280C45 #270633 #260022

#2D258B - #260022

HSV Blend

#2D258B - #260022 | 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 #2D258B as 0% and #260022 as 100%.

0.0%	0.0% #2D258B	RGB 45 37 139	#2D258B
16.7%	16.7% #321B7A	RGB 50 27 122	#321B7A
33.3%	33.3% #371269	RGB 55 18 105	#371269
50.0%	50.0% #390B58	RGB 57 11 88	#390B58
66.7%	66.7% #380647	RGB 56 6 71	#380647
83.3%	83.3% #330236	RGB 51 2 54	#330236
100.0%	100.0% #260022	RGB 38 0 34	#260022

#2D258B #321B7A #371269 #390B58 #380647 #330236 #260022

#2D258B - #390B58 - #260022

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D258B 0%, #390B58 50%, #260022 100%);
    background: -webkit-linear-gradient(top, #2D258B 0%, #390B58 50%, #260022 100%);
    background: linear-gradient(to bottom, #2D258B 0%, #390B58 50%, #260022 100%);
}
</style>