#7DA5E6 - #2A52AB | 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 #7DA5E6 to #2A52AB

#7DA5E6 #2A52AB

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

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

0.0%	0.0% #7DA5E6	RGB 125 165 230	#7DA5E6
16.7%	16.7% #6F97DC	RGB 111 151 220	#6F97DC
33.3%	33.3% #6189D2	RGB 97 137 210	#6189D2
50.0%	50.0% #537BC8	RGB 83 123 200	#537BC8
66.7%	66.7% #456DBE	RGB 69 109 190	#456DBE
83.3%	83.3% #375FB4	RGB 55 95 180	#375FB4
100.0%	100.0% #2A52AB	RGB 42 82 171	#2A52AB

#7DA5E6 #6F97DC #6189D2 #537BC8 #456DBE #375FB4 #2A52AB

#7DA5E6 - #2A52AB

HSV Blend

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

0.0%	0.0% #7DA4E6	RGB 125 164 230	#7DA4E6
16.7%	16.7% #6C95DC	RGB 108 149 220	#6C95DC
33.3%	33.3% #5D87D2	RGB 93 135 210	#5D87D2
50.0%	50.0% #4F79C8	RGB 79 121 200	#4F79C8
66.7%	66.7% #416BBE	RGB 65 107 190	#416BBE
83.3%	83.3% #355EB4	RGB 53 94 180	#355EB4
100.0%	100.0% #2A52AB	RGB 42 82 171	#2A52AB

#7DA4E6 #6C95DC #5D87D2 #4F79C8 #416BBE #355EB4 #2A52AB

#7DA5E6 - #4F79C8 - #2A52AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7DA4E6 0%, #4F79C8 50%, #2A52AB 100%);
    background: -webkit-linear-gradient(top, #7DA4E6 0%, #4F79C8 50%, #2A52AB 100%);
    background: linear-gradient(to bottom, #7DA4E6 0%, #4F79C8 50%, #2A52AB 100%);
}
</style>