#D5E5E6 - #8A9BAF | 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 #D5E5E6 to #8A9BAF

#D5E5E6 #8A9BAF

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

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

0.0%	0.0% #D5E5E6	RGB 213 229 230	#D5E5E6
16.7%	16.7% #C8D8DC	RGB 200 216 220	#C8D8DC
33.3%	33.3% #BCCCD3	RGB 188 204 211	#BCCCD3
50.0%	50.0% #AFC0CA	RGB 175 192 202	#AFC0CA
66.7%	66.7% #A3B3C1	RGB 163 179 193	#A3B3C1
83.3%	83.3% #96A7B8	RGB 150 167 184	#96A7B8
100.0%	100.0% #8A9BAF	RGB 138 155 175	#8A9BAF

#D5E5E6 #C8D8DC #BCCCD3 #AFC0CA #A3B3C1 #96A7B8 #8A9BAF

#D5E5E6 - #8A9BAF

HSV Blend

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

0.0%	0.0% #D5E5E6	RGB 213 229 230	#D5E5E6
16.7%	16.7% #C7D9DC	RGB 199 217 220	#C7D9DC
33.3%	33.3% #BACED3	RGB 186 206 211	#BACED3
50.0%	50.0% #ADC1CA	RGB 173 193 202	#ADC1CA
66.7%	66.7% #A1B5C1	RGB 161 181 193	#A1B5C1
83.3%	83.3% #95A8B8	RGB 149 168 184	#95A8B8
100.0%	100.0% #8A9BAF	RGB 138 155 175	#8A9BAF

#D5E5E6 #C7D9DC #BACED3 #ADC1CA #A1B5C1 #95A8B8 #8A9BAF

#D5E5E6 - #ADC1CA - #8A9BAF

CSS codes

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

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