#2D53A8 - #7AA3D4 | 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 #2D53A8 to #7AA3D4

#2D53A8 #7AA3D4

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

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

0.0%	0.0% #2D53A8	RGB 45 83 168	#2D53A8
16.7%	16.7% #3960AF	RGB 57 96 175	#3960AF
33.3%	33.3% #466DB6	RGB 70 109 182	#466DB6
50.0%	50.0% #537BBE	RGB 83 123 190	#537BBE
66.7%	66.7% #6088C5	RGB 96 136 197	#6088C5
83.3%	83.3% #6D95CC	RGB 109 149 204	#6D95CC
100.0%	100.0% #7AA3D4	RGB 122 163 212	#7AA3D4

#2D53A8 #3960AF #466DB6 #537BBE #6088C5 #6D95CC #7AA3D4

#2D53A8 - #7AA3D4

HSV Blend

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

0.0%	0.0% #2D53A8	RGB 45 83 168	#2D53A8
16.7%	16.7% #375FAF	RGB 55 95 175	#375FAF
33.3%	33.3% #436CB6	RGB 67 108 182	#436CB6
50.0%	50.0% #507ABE	RGB 80 122 190	#507ABE
66.7%	66.7% #5D87C5	RGB 93 135 197	#5D87C5
83.3%	83.3% #6B95CC	RGB 107 149 204	#6B95CC
100.0%	100.0% #7AA3D4	RGB 122 163 212	#7AA3D4

#2D53A8 #375FAF #436CB6 #507ABE #5D87C5 #6B95CC #7AA3D4

#2D53A8 - #507ABE - #7AA3D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D53A8 0%, #507ABE 50%, #7AA3D4 100%);
    background: -webkit-linear-gradient(top, #2D53A8 0%, #507ABE 50%, #7AA3D4 100%);
    background: linear-gradient(to bottom, #2D53A8 0%, #507ABE 50%, #7AA3D4 100%);
}
</style>