#6495ED - #D2E0F9 | 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 #6495ED to #D2E0F9

#6495ED #D2E0F9

Calculate the color between two colors, #6495ED and #D2E0F9. 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)

#6495ED - #D2E0F9 | 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 #6495ED as 0% and #D2E0F9 as 100%.

0.0%	0.0% #6495ED	RGB 100 149 237	#6495ED
16.7%	16.7% #76A1EF	RGB 118 161 239	#76A1EF
33.3%	33.3% #88AEF1	RGB 136 174 241	#88AEF1
50.0%	50.0% #9BBAF3	RGB 155 186 243	#9BBAF3
66.7%	66.7% #ADC7F5	RGB 173 199 245	#ADC7F5
83.3%	83.3% #BFD3F7	RGB 191 211 247	#BFD3F7
100.0%	100.0% #D2E0F9	RGB 210 224 249	#D2E0F9

#6495ED #76A1EF #88AEF1 #9BBAF3 #ADC7F5 #BFD3F7 #D2E0F9

#6495ED - #D2E0F9

HSV Blend

#6495ED - #D2E0F9 | 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 #6495ED as 0% and #D2E0F9 as 100%.

0.0%	0.0% #6495ED	RGB 100 149 237	#6495ED
16.7%	16.7% #75A1EF	RGB 117 161 239	#75A1EF
33.3%	33.3% #87ADF1	RGB 135 173 241	#87ADF1
50.0%	50.0% #99B9F3	RGB 153 185 243	#99B9F3
66.7%	66.7% #ACC6F5	RGB 172 198 245	#ACC6F5
83.3%	83.3% #BED3F7	RGB 190 211 247	#BED3F7
100.0%	100.0% #D2E0F9	RGB 210 224 249	#D2E0F9

#6495ED #75A1EF #87ADF1 #99B9F3 #ACC6F5 #BED3F7 #D2E0F9

#6495ED - #99B9F3 - #D2E0F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6495ED 0%, #99B9F3 50%, #D2E0F9 100%);
    background: -webkit-linear-gradient(top, #6495ED 0%, #99B9F3 50%, #D2E0F9 100%);
    background: linear-gradient(to bottom, #6495ED 0%, #99B9F3 50%, #D2E0F9 100%);
}
</style>