#6D90EB - #002FB2 | 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 #6D90EB to #002FB2

#6D90EB #002FB2

Calculate the color between two colors, #6D90EB and #002FB2. 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)

#6D90EB - #002FB2 | 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 #6D90EB as 0% and #002FB2 as 100%.

0.0%	0.0% #6D90EB	RGB 109 144 235	#6D90EB
16.7%	16.7% #5A7FE1	RGB 90 127 225	#5A7FE1
33.3%	33.3% #486FD8	RGB 72 111 216	#486FD8
50.0%	50.0% #365FCE	RGB 54 95 206	#365FCE
66.7%	66.7% #244FC5	RGB 36 79 197	#244FC5
83.3%	83.3% #123FBB	RGB 18 63 187	#123FBB
100.0%	100.0% #002FB2	RGB 0 47 178	#002FB2

#6D90EB #5A7FE1 #486FD8 #365FCE #244FC5 #123FBB #002FB2

#6D90EB - #002FB2

HSV Blend

#6D90EB - #002FB2 | 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 #6D90EB as 0% and #002FB2 as 100%.

0.0%	0.0% #6D90EB	RGB 109 144 235	#6D90EB
16.7%	16.7% #577DE1	RGB 87 125 225	#577DE1
33.3%	33.3% #426BD8	RGB 66 107 216	#426BD8
50.0%	50.0% #2F5ACE	RGB 47 90 206	#2F5ACE
66.7%	66.7% #1E4BC5	RGB 30 75 197	#1E4BC5
83.3%	83.3% #0E3CBB	RGB 14 60 187	#0E3CBB
100.0%	100.0% #002FB2	RGB 0 47 178	#002FB2

#6D90EB #577DE1 #426BD8 #2F5ACE #1E4BC5 #0E3CBB #002FB2

#6D90EB - #2F5ACE - #002FB2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D90EB 0%, #2F5ACE 50%, #002FB2 100%);
    background: -webkit-linear-gradient(top, #6D90EB 0%, #2F5ACE 50%, #002FB2 100%);
    background: linear-gradient(to bottom, #6D90EB 0%, #2F5ACE 50%, #002FB2 100%);
}
</style>