#7D4E5C - #D9CCD0 | 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 #7D4E5C to #D9CCD0

#7D4E5C #D9CCD0

Calculate the color between two colors, #7D4E5C and #D9CCD0. 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)

#7D4E5C - #D9CCD0 | 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 #7D4E5C as 0% and #D9CCD0 as 100%.

0.0%	0.0% #7D4E5C	RGB 125 78 92	#7D4E5C
16.7%	16.7% #8C636F	RGB 140 99 111	#8C636F
33.3%	33.3% #9B7882	RGB 155 120 130	#9B7882
50.0%	50.0% #AB8D96	RGB 171 141 150	#AB8D96
66.7%	66.7% #BAA2A9	RGB 186 162 169	#BAA2A9
83.3%	83.3% #C9B7BC	RGB 201 183 188	#C9B7BC
100.0%	100.0% #D9CCD0	RGB 217 204 208	#D9CCD0

#7D4E5C #8C636F #9B7882 #AB8D96 #BAA2A9 #C9B7BC #D9CCD0

#7D4E5C - #D9CCD0

HSV Blend

#7D4E5C - #D9CCD0 | 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 #7D4E5C as 0% and #D9CCD0 as 100%.

0.0%	0.0% #7D4E5B	RGB 125 78 91	#7D4E5B
16.7%	16.7% #8C5E6C	RGB 140 94 108	#8C5E6C
33.3%	33.3% #9B717E	RGB 155 113 126	#9B717E
50.0%	50.0% #AB8591	RGB 171 133 145	#AB8591
66.7%	66.7% #BA9BA4	RGB 186 155 164	#BA9BA4
83.3%	83.3% #C9B2B9	RGB 201 178 185	#C9B2B9
100.0%	100.0% #D9CCD0	RGB 217 204 208	#D9CCD0

#7D4E5B #8C5E6C #9B717E #AB8591 #BA9BA4 #C9B2B9 #D9CCD0

#7D4E5C - #AB8591 - #D9CCD0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D4E5B 0%, #AB8591 50%, #D9CCD0 100%);
    background: -webkit-linear-gradient(top, #7D4E5B 0%, #AB8591 50%, #D9CCD0 100%);
    background: linear-gradient(to bottom, #7D4E5B 0%, #AB8591 50%, #D9CCD0 100%);
}
</style>