#70B5E8 - #2365B1 | 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 #70B5E8 to #2365B1

#70B5E8 #2365B1

Calculate the color between two colors, #70B5E8 and #2365B1. 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)

#70B5E8 - #2365B1 | 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 #70B5E8 as 0% and #2365B1 as 100%.

0.0%	0.0% #70B5E8	RGB 112 181 232	#70B5E8
16.7%	16.7% #63A7DE	RGB 99 167 222	#63A7DE
33.3%	33.3% #569AD5	RGB 86 154 213	#569AD5
50.0%	50.0% #498DCC	RGB 73 141 204	#498DCC
66.7%	66.7% #3C7FC3	RGB 60 127 195	#3C7FC3
83.3%	83.3% #2F72BA	RGB 47 114 186	#2F72BA
100.0%	100.0% #2365B1	RGB 35 101 177	#2365B1

#70B5E8 #63A7DE #569AD5 #498DCC #3C7FC3 #2F72BA #2365B1

#70B5E8 - #2365B1

HSV Blend

#70B5E8 - #2365B1 | 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 #70B5E8 as 0% and #2365B1 as 100%.

0.0%	0.0% #70B5E8	RGB 112 181 232	#70B5E8
16.7%	16.7% #60A7DE	RGB 96 167 222	#60A7DE
33.3%	33.3% #5299D5	RGB 82 153 213	#5299D5
50.0%	50.0% #458BCC	RGB 69 139 204	#458BCC
66.7%	66.7% #397EC3	RGB 57 126 195	#397EC3
83.3%	83.3% #2D71BA	RGB 45 113 186	#2D71BA
100.0%	100.0% #2365B1	RGB 35 101 177	#2365B1

#70B5E8 #60A7DE #5299D5 #458BCC #397EC3 #2D71BA #2365B1

#70B5E8 - #458BCC - #2365B1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #70B5E8 0%, #458BCC 50%, #2365B1 100%);
    background: -webkit-linear-gradient(top, #70B5E8 0%, #458BCC 50%, #2365B1 100%);
    background: linear-gradient(to bottom, #70B5E8 0%, #458BCC 50%, #2365B1 100%);
}
</style>