#202B7E - #5672B7 | 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 #202B7E to #5672B7

#202B7E #5672B7

Calculate the color between two colors, #202B7E and #5672B7. 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)

#202B7E - #5672B7 | 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 #202B7E as 0% and #5672B7 as 100%.

0.0%	0.0% #202B7E	RGB 32 43 126	#202B7E
16.7%	16.7% #293687	RGB 41 54 135	#293687
33.3%	33.3% #324291	RGB 50 66 145	#324291
50.0%	50.0% #3B4E9A	RGB 59 78 154	#3B4E9A
66.7%	66.7% #445AA4	RGB 68 90 164	#445AA4
83.3%	83.3% #4D66AD	RGB 77 102 173	#4D66AD
100.0%	100.0% #5672B7	RGB 86 114 183	#5672B7

#202B7E #293687 #324291 #3B4E9A #445AA4 #4D66AD #5672B7

#202B7E - #5672B7

HSV Blend

#202B7E - #5672B7 | 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 #202B7E as 0% and #5672B7 as 100%.

0.0%	0.0% #202A7E	RGB 32 42 126	#202A7E
16.7%	16.7% #273587	RGB 39 53 135	#273587
33.3%	33.3% #2F4091	RGB 47 64 145	#2F4091
50.0%	50.0% #374B9A	RGB 55 75 154	#374B9A
66.7%	66.7% #4158A4	RGB 65 88 164	#4158A4
83.3%	83.3% #4B64AD	RGB 75 100 173	#4B64AD
100.0%	100.0% #5672B7	RGB 86 114 183	#5672B7

#202A7E #273587 #2F4091 #374B9A #4158A4 #4B64AD #5672B7

#202B7E - #374B9A - #5672B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202A7E 0%, #374B9A 50%, #5672B7 100%);
    background: -webkit-linear-gradient(top, #202A7E 0%, #374B9A 50%, #5672B7 100%);
    background: linear-gradient(to bottom, #202A7E 0%, #374B9A 50%, #5672B7 100%);
}
</style>