#7E5A6D - #DACFD5 | 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 #7E5A6D to #DACFD5

#7E5A6D #DACFD5

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

#7E5A6D - #DACFD5 | 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 #7E5A6D as 0% and #DACFD5 as 100%.

0.0%	0.0% #7E5A6D	RGB 126 90 109	#7E5A6D
16.7%	16.7% #8D6D7E	RGB 141 109 126	#8D6D7E
33.3%	33.3% #9C818F	RGB 156 129 143	#9C818F
50.0%	50.0% #AC94A1	RGB 172 148 161	#AC94A1
66.7%	66.7% #BBA8B2	RGB 187 168 178	#BBA8B2
83.3%	83.3% #CABBC3	RGB 202 187 195	#CABBC3
100.0%	100.0% #DACFD5	RGB 218 207 213	#DACFD5

#7E5A6D #8D6D7E #9C818F #AC94A1 #BBA8B2 #CABBC3 #DACFD5

#7E5A6D - #DACFD5

HSV Blend

#7E5A6D - #DACFD5 | 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 #7E5A6D as 0% and #DACFD5 as 100%.

0.0%	0.0% #7E5A6D	RGB 126 90 109	#7E5A6D
16.7%	16.7% #8D6A7C	RGB 141 106 124	#8D6A7C
33.3%	33.3% #9C7C8D	RGB 156 124 141	#9C7C8D
50.0%	50.0% #AC8F9E	RGB 172 143 158	#AC8F9E
66.7%	66.7% #BBA3B0	RGB 187 163 176	#BBA3B0
83.3%	83.3% #CAB8C2	RGB 202 184 194	#CAB8C2
100.0%	100.0% #DACFD5	RGB 218 207 213	#DACFD5

#7E5A6D #8D6A7C #9C7C8D #AC8F9E #BBA3B0 #CAB8C2 #DACFD5

#7E5A6D - #AC8F9E - #DACFD5

CSS codes

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

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