#7EC3E5 - #2D75B0 | 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 #7EC3E5 to #2D75B0

#7EC3E5 #2D75B0

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

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

0.0%	0.0% #7EC3E5	RGB 126 195 229	#7EC3E5
16.7%	16.7% #70B6DC	RGB 112 182 220	#70B6DC
33.3%	33.3% #63A9D3	RGB 99 169 211	#63A9D3
50.0%	50.0% #559CCA	RGB 85 156 202	#559CCA
66.7%	66.7% #488FC1	RGB 72 143 193	#488FC1
83.3%	83.3% #3A82B8	RGB 58 130 184	#3A82B8
100.0%	100.0% #2D75B0	RGB 45 117 176	#2D75B0

#7EC3E5 #70B6DC #63A9D3 #559CCA #488FC1 #3A82B8 #2D75B0

#7EC3E5 - #2D75B0

HSV Blend

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

0.0%	0.0% #7EC3E5	RGB 126 195 229	#7EC3E5
16.7%	16.7% #6EB5DC	RGB 110 181 220	#6EB5DC
33.3%	33.3% #5FA8D3	RGB 95 168 211	#5FA8D3
50.0%	50.0% #519BCA	RGB 81 155 202	#519BCA
66.7%	66.7% #448EC1	RGB 68 142 193	#448EC1
83.3%	83.3% #3881B8	RGB 56 129 184	#3881B8
100.0%	100.0% #2D75B0	RGB 45 117 176	#2D75B0

#7EC3E5 #6EB5DC #5FA8D3 #519BCA #448EC1 #3881B8 #2D75B0

#7EC3E5 - #519BCA - #2D75B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EC3E5 0%, #519BCA 50%, #2D75B0 100%);
    background: -webkit-linear-gradient(top, #7EC3E5 0%, #519BCA 50%, #2D75B0 100%);
    background: linear-gradient(to bottom, #7EC3E5 0%, #519BCA 50%, #2D75B0 100%);
}
</style>