#637BEB - #D2D9F9 | 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 #637BEB to #D2D9F9

#637BEB #D2D9F9

Calculate the color between two colors, #637BEB and #D2D9F9. 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)

#637BEB - #D2D9F9 | 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 #637BEB as 0% and #D2D9F9 as 100%.

0.0%	0.0% #637BEB	RGB 99 123 235	#637BEB
16.7%	16.7% #758AED	RGB 117 138 237	#758AED
33.3%	33.3% #889AEF	RGB 136 154 239	#889AEF
50.0%	50.0% #9AAAF2	RGB 154 170 242	#9AAAF2
66.7%	66.7% #ADB9F4	RGB 173 185 244	#ADB9F4
83.3%	83.3% #BFC9F6	RGB 191 201 246	#BFC9F6
100.0%	100.0% #D2D9F9	RGB 210 217 249	#D2D9F9

#637BEB #758AED #889AEF #9AAAF2 #ADB9F4 #BFC9F6 #D2D9F9

#637BEB - #D2D9F9

HSV Blend

#637BEB - #D2D9F9 | 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 #637BEB as 0% and #D2D9F9 as 100%.

0.0%	0.0% #637BEB	RGB 99 123 235	#637BEB
16.7%	16.7% #748AED	RGB 116 138 237	#748AED
33.3%	33.3% #8699EF	RGB 134 153 239	#8699EF
50.0%	50.0% #99A8F2	RGB 153 168 242	#99A8F2
66.7%	66.7% #ABB8F4	RGB 171 184 244	#ABB8F4
83.3%	83.3% #BEC8F6	RGB 190 200 246	#BEC8F6
100.0%	100.0% #D2D9F9	RGB 210 217 249	#D2D9F9

#637BEB #748AED #8699EF #99A8F2 #ABB8F4 #BEC8F6 #D2D9F9

#637BEB - #99A8F2 - #D2D9F9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #637BEB 0%, #99A8F2 50%, #D2D9F9 100%);
    background: -webkit-linear-gradient(top, #637BEB 0%, #99A8F2 50%, #D2D9F9 100%);
    background: linear-gradient(to bottom, #637BEB 0%, #99A8F2 50%, #D2D9F9 100%);
}
</style>