#2247CF - #09143B | 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 #2247CF to #09143B

#2247CF #09143B

Calculate the color between two colors, #2247CF and #09143B. 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)

#2247CF - #09143B | 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 #2247CF as 0% and #09143B as 100%.

0.0%	0.0% #2247CF	RGB 34 71 207	#2247CF
16.7%	16.7% #1D3EB6	RGB 29 62 182	#1D3EB6
33.3%	33.3% #19369D	RGB 25 54 157	#19369D
50.0%	50.0% #152D85	RGB 21 45 133	#152D85
66.7%	66.7% #11256C	RGB 17 37 108	#11256C
83.3%	83.3% #0D1C53	RGB 13 28 83	#0D1C53
100.0%	100.0% #09143B	RGB 9 20 59	#09143B

#2247CF #1D3EB6 #19369D #152D85 #11256C #0D1C53 #09143B

#2247CF - #09143B

HSV Blend

#2247CF - #09143B | 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 #2247CF as 0% and #09143B as 100%.

0.0%	0.0% #2246CF	RGB 34 70 207	#2246CF
16.7%	16.7% #1D3EB6	RGB 29 62 182	#1D3EB6
33.3%	33.3% #19359D	RGB 25 53 157	#19359D
50.0%	50.0% #152D85	RGB 21 45 133	#152D85
66.7%	66.7% #10246C	RGB 16 36 108	#10246C
83.3%	83.3% #0C1C53	RGB 12 28 83	#0C1C53
100.0%	100.0% #09143B	RGB 9 20 59	#09143B

#2246CF #1D3EB6 #19359D #152D85 #10246C #0C1C53 #09143B

#2247CF - #152D85 - #09143B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2246CF 0%, #152D85 50%, #09143B 100%);
    background: -webkit-linear-gradient(top, #2246CF 0%, #152D85 50%, #09143B 100%);
    background: linear-gradient(to bottom, #2246CF 0%, #152D85 50%, #09143B 100%);
}
</style>