#9C6B78 - #E2D4D8 | 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 #9C6B78 to #E2D4D8

#9C6B78 #E2D4D8

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

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

0.0%	0.0% #9C6B78	RGB 156 107 120	#9C6B78
16.7%	16.7% #A77C88	RGB 167 124 136	#A77C88
33.3%	33.3% #B38E98	RGB 179 142 152	#B38E98
50.0%	50.0% #BF9FA8	RGB 191 159 168	#BF9FA8
66.7%	66.7% #CAB1B8	RGB 202 177 184	#CAB1B8
83.3%	83.3% #D6C2C8	RGB 214 194 200	#D6C2C8
100.0%	100.0% #E2D4D8	RGB 226 212 216	#E2D4D8

#9C6B78 #A77C88 #B38E98 #BF9FA8 #CAB1B8 #D6C2C8 #E2D4D8

#9C6B78 - #E2D4D8

HSV Blend

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

0.0%	0.0% #9C6B78	RGB 156 107 120	#9C6B78
16.7%	16.7% #A77A86	RGB 167 122 134	#A77A86
33.3%	33.3% #B38A95	RGB 179 138 149	#B38A95
50.0%	50.0% #BF9BA4	RGB 191 155 164	#BF9BA4
66.7%	66.7% #CAADB5	RGB 202 173 181	#CAADB5
83.3%	83.3% #D6C0C6	RGB 214 192 198	#D6C0C6
100.0%	100.0% #E2D4D8	RGB 226 212 216	#E2D4D8

#9C6B78 #A77A86 #B38A95 #BF9BA4 #CAADB5 #D6C0C6 #E2D4D8

#9C6B78 - #BF9BA4 - #E2D4D8

CSS codes

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

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