#6475A8 - #D2D7E6 | 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 #6475A8 to #D2D7E6

#6475A8 #D2D7E6

Calculate the color between two colors, #6475A8 and #D2D7E6. 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)

#6475A8 - #D2D7E6 | 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 #6475A8 as 0% and #D2D7E6 as 100%.

0.0%	0.0% #6475A8	RGB 100 117 168	#6475A8
16.7%	16.7% #7685B2	RGB 118 133 178	#7685B2
33.3%	33.3% #8895BC	RGB 136 149 188	#8895BC
50.0%	50.0% #9BA6C7	RGB 155 166 199	#9BA6C7
66.7%	66.7% #ADB6D1	RGB 173 182 209	#ADB6D1
83.3%	83.3% #BFC6DB	RGB 191 198 219	#BFC6DB
100.0%	100.0% #D2D7E6	RGB 210 215 230	#D2D7E6

#6475A8 #7685B2 #8895BC #9BA6C7 #ADB6D1 #BFC6DB #D2D7E6

#6475A8 - #D2D7E6

HSV Blend

#6475A8 - #D2D7E6 | 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 #6475A8 as 0% and #D2D7E6 as 100%.

0.0%	0.0% #6475A8	RGB 100 117 168	#6475A8
16.7%	16.7% #7383B2	RGB 115 131 178	#7383B2
33.3%	33.3% #8492BC	RGB 132 146 188	#8492BC
50.0%	50.0% #96A2C7	RGB 150 162 199	#96A2C7
66.7%	66.7% #A8B3D1	RGB 168 179 209	#A8B3D1
83.3%	83.3% #BCC4DB	RGB 188 196 219	#BCC4DB
100.0%	100.0% #D2D7E6	RGB 210 215 230	#D2D7E6

#6475A8 #7383B2 #8492BC #96A2C7 #A8B3D1 #BCC4DB #D2D7E6

#6475A8 - #96A2C7 - #D2D7E6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6475A8 0%, #96A2C7 50%, #D2D7E6 100%);
    background: -webkit-linear-gradient(top, #6475A8 0%, #96A2C7 50%, #D2D7E6 100%);
    background: linear-gradient(to bottom, #6475A8 0%, #96A2C7 50%, #D2D7E6 100%);
}
</style>