#65B5D4 - #D3E9F2 | 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 #65B5D4 to #D3E9F2

#65B5D4 #D3E9F2

Calculate the color between two colors, #65B5D4 and #D3E9F2. 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)

#65B5D4 - #D3E9F2 | 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 #65B5D4 as 0% and #D3E9F2 as 100%.

0.0%	0.0% #65B5D4	RGB 101 181 212	#65B5D4
16.7%	16.7% #77BDD9	RGB 119 189 217	#77BDD9
33.3%	33.3% #89C6DE	RGB 137 198 222	#89C6DE
50.0%	50.0% #9CCFE3	RGB 156 207 227	#9CCFE3
66.7%	66.7% #AED7E8	RGB 174 215 232	#AED7E8
83.3%	83.3% #C0E0ED	RGB 192 224 237	#C0E0ED
100.0%	100.0% #D3E9F2	RGB 211 233 242	#D3E9F2

#65B5D4 #77BDD9 #89C6DE #9CCFE3 #AED7E8 #C0E0ED #D3E9F2

#65B5D4 - #D3E9F2

HSV Blend

#65B5D4 - #D3E9F2 | 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 #65B5D4 as 0% and #D3E9F2 as 100%.

0.0%	0.0% #65B4D4	RGB 101 180 212	#65B4D4
16.7%	16.7% #75BDD9	RGB 117 189 217	#75BDD9
33.3%	33.3% #87C5DE	RGB 135 197 222	#87C5DE
50.0%	50.0% #99CDE3	RGB 153 205 227	#99CDE3
66.7%	66.7% #ABD6E8	RGB 171 214 232	#ABD6E8
83.3%	83.3% #BFDFED	RGB 191 223 237	#BFDFED
100.0%	100.0% #D3E9F2	RGB 211 233 242	#D3E9F2

#65B4D4 #75BDD9 #87C5DE #99CDE3 #ABD6E8 #BFDFED #D3E9F2

#65B5D4 - #99CDE3 - #D3E9F2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65B4D4 0%, #99CDE3 50%, #D3E9F2 100%);
    background: -webkit-linear-gradient(top, #65B4D4 0%, #99CDE3 50%, #D3E9F2 100%);
    background: linear-gradient(to bottom, #65B4D4 0%, #99CDE3 50%, #D3E9F2 100%);
}
</style>