#7E5A70 - #DACFD6 | 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 #7E5A70 to #DACFD6

#7E5A70 #DACFD6

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

#7E5A70 - #DACFD6 | 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 #7E5A70 as 0% and #DACFD6 as 100%.

0.0%	0.0% #7E5A70	RGB 126 90 112	#7E5A70
16.7%	16.7% #8D6D81	RGB 141 109 129	#8D6D81
33.3%	33.3% #9C8192	RGB 156 129 146	#9C8192
50.0%	50.0% #AC94A3	RGB 172 148 163	#AC94A3
66.7%	66.7% #BBA8B4	RGB 187 168 180	#BBA8B4
83.3%	83.3% #CABBC5	RGB 202 187 197	#CABBC5
100.0%	100.0% #DACFD6	RGB 218 207 214	#DACFD6

#7E5A70 #8D6D81 #9C8192 #AC94A3 #BBA8B4 #CABBC5 #DACFD6

#7E5A70 - #DACFD6

HSV Blend

#7E5A70 - #DACFD6 | 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 #7E5A70 as 0% and #DACFD6 as 100%.

0.0%	0.0% #7E5A70	RGB 126 90 112	#7E5A70
16.7%	16.7% #8D6A7F	RGB 141 106 127	#8D6A7F
33.3%	33.3% #9C7C90	RGB 156 124 144	#9C7C90
50.0%	50.0% #AC8FA1	RGB 172 143 161	#AC8FA1
66.7%	66.7% #BBA3B2	RGB 187 163 178	#BBA3B2
83.3%	83.3% #CAB8C3	RGB 202 184 195	#CAB8C3
100.0%	100.0% #DACFD6	RGB 218 207 214	#DACFD6

#7E5A70 #8D6A7F #9C7C90 #AC8FA1 #BBA3B2 #CAB8C3 #DACFD6

#7E5A70 - #AC8FA1 - #DACFD6

CSS codes

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

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