#9C8598 - #E2DCE0 | 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 #9C8598 to #E2DCE0

#9C8598 #E2DCE0

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

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

0.0%	0.0% #9C8598	RGB 156 133 152	#9C8598
16.7%	16.7% #A793A4	RGB 167 147 164	#A793A4
33.3%	33.3% #B3A2B0	RGB 179 162 176	#B3A2B0
50.0%	50.0% #BFB0BC	RGB 191 176 188	#BFB0BC
66.7%	66.7% #CABFC8	RGB 202 191 200	#CABFC8
83.3%	83.3% #D6CDD4	RGB 214 205 212	#D6CDD4
100.0%	100.0% #E2DCE0	RGB 226 220 224	#E2DCE0

#9C8598 #A793A4 #B3A2B0 #BFB0BC #CABFC8 #D6CDD4 #E2DCE0

#9C8598 - #E2DCE0

HSV Blend

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

0.0%	0.0% #9C8598	RGB 156 133 152	#9C8598
16.7%	16.7% #A792A3	RGB 167 146 163	#A792A3
33.3%	33.3% #B3A0AE	RGB 179 160 174	#B3A0AE
50.0%	50.0% #BFAEBA	RGB 191 174 186	#BFAEBA
66.7%	66.7% #CABDC6	RGB 202 189 198	#CABDC6
83.3%	83.3% #D6CCD3	RGB 214 204 211	#D6CCD3
100.0%	100.0% #E2DCE0	RGB 226 220 224	#E2DCE0

#9C8598 #A792A3 #B3A0AE #BFAEBA #CABDC6 #D6CCD3 #E2DCE0

#9C8598 - #BFAEBA - #E2DCE0

CSS codes

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

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