#6D9EAD - #D5E3E7 | 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 #6D9EAD to #D5E3E7

#6D9EAD #D5E3E7

Calculate the color between two colors, #6D9EAD and #D5E3E7. 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)

#6D9EAD - #D5E3E7 | 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 #6D9EAD as 0% and #D5E3E7 as 100%.

0.0%	0.0% #6D9EAD	RGB 109 158 173	#6D9EAD
16.7%	16.7% #7EA9B6	RGB 126 169 182	#7EA9B6
33.3%	33.3% #8FB5C0	RGB 143 181 192	#8FB5C0
50.0%	50.0% #A1C0CA	RGB 161 192 202	#A1C0CA
66.7%	66.7% #B2CCD3	RGB 178 204 211	#B2CCD3
83.3%	83.3% #C3D7DD	RGB 195 215 221	#C3D7DD
100.0%	100.0% #D5E3E7	RGB 213 227 231	#D5E3E7

#6D9EAD #7EA9B6 #8FB5C0 #A1C0CA #B2CCD3 #C3D7DD #D5E3E7

#6D9EAD - #D5E3E7

HSV Blend

#6D9EAD - #D5E3E7 | 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 #6D9EAD as 0% and #D5E3E7 as 100%.

0.0%	0.0% #6D9EAD	RGB 109 158 173	#6D9EAD
16.7%	16.7% #7BA9B6	RGB 123 169 182	#7BA9B6
33.3%	33.3% #8BB4C0	RGB 139 180 192	#8BB4C0
50.0%	50.0% #9CBFCA	RGB 156 191 202	#9CBFCA
66.7%	66.7% #AECBD3	RGB 174 203 211	#AECBD3
83.3%	83.3% #C1D7DD	RGB 193 215 221	#C1D7DD
100.0%	100.0% #D5E3E7	RGB 213 227 231	#D5E3E7

#6D9EAD #7BA9B6 #8BB4C0 #9CBFCA #AECBD3 #C1D7DD #D5E3E7

#6D9EAD - #9CBFCA - #D5E3E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9EAD 0%, #9CBFCA 50%, #D5E3E7 100%);
    background: -webkit-linear-gradient(top, #6D9EAD 0%, #9CBFCA 50%, #D5E3E7 100%);
    background: linear-gradient(to bottom, #6D9EAD 0%, #9CBFCA 50%, #D5E3E7 100%);
}
</style>