#2D5DB6 - #7DAEDE | 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 #2D5DB6 to #7DAEDE

#2D5DB6 #7DAEDE

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

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

0.0%	0.0% #2D5DB6	RGB 45 93 182	#2D5DB6
16.7%	16.7% #3A6ABC	RGB 58 106 188	#3A6ABC
33.3%	33.3% #4778C3	RGB 71 120 195	#4778C3
50.0%	50.0% #5585CA	RGB 85 133 202	#5585CA
66.7%	66.7% #6293D0	RGB 98 147 208	#6293D0
83.3%	83.3% #6FA0D7	RGB 111 160 215	#6FA0D7
100.0%	100.0% #7DAEDE	RGB 125 174 222	#7DAEDE

#2D5DB6 #3A6ABC #4778C3 #5585CA #6293D0 #6FA0D7 #7DAEDE

#2D5DB6 - #7DAEDE

HSV Blend

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

0.0%	0.0% #2D5DB6	RGB 45 93 182	#2D5DB6
16.7%	16.7% #386ABC	RGB 56 106 188	#386ABC
33.3%	33.3% #4477C3	RGB 68 119 195	#4477C3
50.0%	50.0% #5185CA	RGB 81 133 202	#5185CA
66.7%	66.7% #5F92D0	RGB 95 146 208	#5F92D0
83.3%	83.3% #6DA0D7	RGB 109 160 215	#6DA0D7
100.0%	100.0% #7DAEDE	RGB 125 174 222	#7DAEDE

#2D5DB6 #386ABC #4477C3 #5185CA #5F92D0 #6DA0D7 #7DAEDE

#2D5DB6 - #5185CA - #7DAEDE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5DB6 0%, #5185CA 50%, #7DAEDE 100%);
    background: -webkit-linear-gradient(top, #2D5DB6 0%, #5185CA 50%, #7DAEDE 100%);
    background: linear-gradient(to bottom, #2D5DB6 0%, #5185CA 50%, #7DAEDE 100%);
}
</style>