#636DAD - #D2D5E7 | 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 #636DAD to #D2D5E7

#636DAD #D2D5E7

Calculate the color between two colors, #636DAD and #D2D5E7. 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)

#636DAD - #D2D5E7 | 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 #636DAD as 0% and #D2D5E7 as 100%.

0.0%	0.0% #636DAD	RGB 99 109 173	#636DAD
16.7%	16.7% #757EB6	RGB 117 126 182	#757EB6
33.3%	33.3% #888FC0	RGB 136 143 192	#888FC0
50.0%	50.0% #9AA1CA	RGB 154 161 202	#9AA1CA
66.7%	66.7% #ADB2D3	RGB 173 178 211	#ADB2D3
83.3%	83.3% #BFC3DD	RGB 191 195 221	#BFC3DD
100.0%	100.0% #D2D5E7	RGB 210 213 231	#D2D5E7

#636DAD #757EB6 #888FC0 #9AA1CA #ADB2D3 #BFC3DD #D2D5E7

#636DAD - #D2D5E7

HSV Blend

#636DAD - #D2D5E7 | 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 #636DAD as 0% and #D2D5E7 as 100%.

0.0%	0.0% #636DAD	RGB 99 109 173	#636DAD
16.7%	16.7% #727CB6	RGB 114 124 182	#727CB6
33.3%	33.3% #838CC0	RGB 131 140 192	#838CC0
50.0%	50.0% #959CCA	RGB 149 156 202	#959CCA
66.7%	66.7% #A8AED3	RGB 168 174 211	#A8AED3
83.3%	83.3% #BCC1DD	RGB 188 193 221	#BCC1DD
100.0%	100.0% #D2D5E7	RGB 210 213 231	#D2D5E7

#636DAD #727CB6 #838CC0 #959CCA #A8AED3 #BCC1DD #D2D5E7

#636DAD - #959CCA - #D2D5E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #636DAD 0%, #959CCA 50%, #D2D5E7 100%);
    background: -webkit-linear-gradient(top, #636DAD 0%, #959CCA 50%, #D2D5E7 100%);
    background: linear-gradient(to bottom, #636DAD 0%, #959CCA 50%, #D2D5E7 100%);
}
</style>