#D5E4E5 - #8A9AAD | 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 #D5E4E5 to #8A9AAD

#D5E4E5 #8A9AAD

Calculate the color between two colors, #D5E4E5 and #8A9AAD. 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)

#D5E4E5 - #8A9AAD | 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 #D5E4E5 as 0% and #8A9AAD as 100%.

0.0%	0.0% #D5E4E5	RGB 213 228 229	#D5E4E5
16.7%	16.7% #C8D7DB	RGB 200 215 219	#C8D7DB
33.3%	33.3% #BCCBD2	RGB 188 203 210	#BCCBD2
50.0%	50.0% #AFBFC9	RGB 175 191 201	#AFBFC9
66.7%	66.7% #A3B2BF	RGB 163 178 191	#A3B2BF
83.3%	83.3% #96A6B6	RGB 150 166 182	#96A6B6
100.0%	100.0% #8A9AAD	RGB 138 154 173	#8A9AAD

#D5E4E5 #C8D7DB #BCCBD2 #AFBFC9 #A3B2BF #96A6B6 #8A9AAD

#D5E4E5 - #8A9AAD

HSV Blend

#D5E4E5 - #8A9AAD | 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 #D5E4E5 as 0% and #8A9AAD as 100%.

0.0%	0.0% #D5E4E5	RGB 213 228 229	#D5E4E5
16.7%	16.7% #C7D8DB	RGB 199 216 219	#C7D8DB
33.3%	33.3% #BACCD2	RGB 186 204 210	#BACCD2
50.0%	50.0% #ADC0C9	RGB 173 192 201	#ADC0C9
66.7%	66.7% #A1B4BF	RGB 161 180 191	#A1B4BF
83.3%	83.3% #95A7B6	RGB 149 167 182	#95A7B6
100.0%	100.0% #8A9AAD	RGB 138 154 173	#8A9AAD

#D5E4E5 #C7D8DB #BACCD2 #ADC0C9 #A1B4BF #95A7B6 #8A9AAD

#D5E4E5 - #ADC0C9 - #8A9AAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E4E5 0%, #ADC0C9 50%, #8A9AAD 100%);
    background: -webkit-linear-gradient(top, #D5E4E5 0%, #ADC0C9 50%, #8A9AAD 100%);
    background: linear-gradient(to bottom, #D5E4E5 0%, #ADC0C9 50%, #8A9AAD 100%);
}
</style>