#D5DAE6 - #8F8AAF | 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 #D5DAE6 to #8F8AAF

#D5DAE6 #8F8AAF

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

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

0.0%	0.0% #D5DAE6	RGB 213 218 230	#D5DAE6
16.7%	16.7% #C9CCDC	RGB 201 204 220	#C9CCDC
33.3%	33.3% #BDBFD3	RGB 189 191 211	#BDBFD3
50.0%	50.0% #B2B2CA	RGB 178 178 202	#B2B2CA
66.7%	66.7% #A6A4C1	RGB 166 164 193	#A6A4C1
83.3%	83.3% #9A97B8	RGB 154 151 184	#9A97B8
100.0%	100.0% #8F8AAF	RGB 143 138 175	#8F8AAF

#D5DAE6 #C9CCDC #BDBFD3 #B2B2CA #A6A4C1 #9A97B8 #8F8AAF

#D5DAE6 - #8F8AAF

HSV Blend

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

0.0%	0.0% #D5DAE6	RGB 213 218 230	#D5DAE6
16.7%	16.7% #C7CCDC	RGB 199 204 220	#C7CCDC
33.3%	33.3% #BABED3	RGB 186 190 211	#BABED3
50.0%	50.0% #ADAFCA	RGB 173 175 202	#ADAFCA
66.7%	66.7% #A1A1C1	RGB 161 161 193	#A1A1C1
83.3%	83.3% #9795B8	RGB 151 149 184	#9795B8
100.0%	100.0% #8F8AAF	RGB 143 138 175	#8F8AAF

#D5DAE6 #C7CCDC #BABED3 #ADAFCA #A1A1C1 #9795B8 #8F8AAF

#D5DAE6 - #ADAFCA - #8F8AAF

CSS codes

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

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