#EBE9ED - #8F95B6 | 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 #EBE9ED to #8F95B6

#EBE9ED #8F95B6

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

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

0.0%	0.0% #EBE9ED	RGB 235 233 237	#EBE9ED
16.7%	16.7% #DBDBE3	RGB 219 219 227	#DBDBE3
33.3%	33.3% #CCCDDA	RGB 204 205 218	#CCCDDA
50.0%	50.0% #BDBFD1	RGB 189 191 209	#BDBFD1
66.7%	66.7% #ADB1C8	RGB 173 177 200	#ADB1C8
83.3%	83.3% #9EA3BF	RGB 158 163 191	#9EA3BF
100.0%	100.0% #8F95B6	RGB 143 149 182	#8F95B6

#EBE9ED #DBDBE3 #CCCDDA #BDBFD1 #ADB1C8 #9EA3BF #8F95B6

#EBE9ED - #8F95B6

HSV Blend

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

0.0%	0.0% #EBE9ED	RGB 235 233 237	#EBE9ED
16.7%	16.7% #DCD8E3	RGB 220 216 227	#DCD8E3
33.3%	33.3% #CDC8DA	RGB 205 200 218	#CDC8DA
50.0%	50.0% #BDB9D1	RGB 189 185 209	#BDB9D1
66.7%	66.7% #ACAAC8	RGB 172 170 200	#ACAAC8
83.3%	83.3% #9C9EBF	RGB 156 158 191	#9C9EBF
100.0%	100.0% #8F95B6	RGB 143 149 182	#8F95B6

#EBE9ED #DCD8E3 #CDC8DA #BDB9D1 #ACAAC8 #9C9EBF #8F95B6

#EBE9ED - #BDB9D1 - #8F95B6

CSS codes

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

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