#9A7E8D - #E2DADE | 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 #9A7E8D to #E2DADE

#9A7E8D #E2DADE

Calculate the color between two colors, #9A7E8D and #E2DADE. 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)

#9A7E8D - #E2DADE | 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 #9A7E8D as 0% and #E2DADE as 100%.

0.0%	0.0% #9A7E8D	RGB 154 126 141	#9A7E8D
16.7%	16.7% #A68D9A	RGB 166 141 154	#A68D9A
33.3%	33.3% #B29CA8	RGB 178 156 168	#B29CA8
50.0%	50.0% #BEACB5	RGB 190 172 181	#BEACB5
66.7%	66.7% #CABBC3	RGB 202 187 195	#CABBC3
83.3%	83.3% #D6CAD0	RGB 214 202 208	#D6CAD0
100.0%	100.0% #E2DADE	RGB 226 218 222	#E2DADE

#9A7E8D #A68D9A #B29CA8 #BEACB5 #CABBC3 #D6CAD0 #E2DADE

#9A7E8D - #E2DADE

HSV Blend

#9A7E8D - #E2DADE | 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 #9A7E8D as 0% and #E2DADE as 100%.

0.0%	0.0% #9A7E8D	RGB 154 126 141	#9A7E8D
16.7%	16.7% #A68B99	RGB 166 139 153	#A68B99
33.3%	33.3% #B29AA6	RGB 178 154 166	#B29AA6
50.0%	50.0% #BEA9B4	RGB 190 169 180	#BEA9B4
66.7%	66.7% #CAB8C1	RGB 202 184 193	#CAB8C1
83.3%	83.3% #D6C9CF	RGB 214 201 207	#D6C9CF
100.0%	100.0% #E2DADE	RGB 226 218 222	#E2DADE

#9A7E8D #A68B99 #B29AA6 #BEA9B4 #CAB8C1 #D6C9CF #E2DADE

#9A7E8D - #BEA9B4 - #E2DADE

CSS codes

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

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