#7E3C5D - #DAC7D0 | 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 #7E3C5D to #DAC7D0

#7E3C5D #DAC7D0

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

#7E3C5D - #DAC7D0 | 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 #7E3C5D as 0% and #DAC7D0 as 100%.

0.0%	0.0% #7E3C5D	RGB 126 60 93	#7E3C5D
16.7%	16.7% #8D5370	RGB 141 83 112	#8D5370
33.3%	33.3% #9C6A83	RGB 156 106 131	#9C6A83
50.0%	50.0% #AC8196	RGB 172 129 150	#AC8196
66.7%	66.7% #BB98A9	RGB 187 152 169	#BB98A9
83.3%	83.3% #CAAFBC	RGB 202 175 188	#CAAFBC
100.0%	100.0% #DAC7D0	RGB 218 199 208	#DAC7D0

#7E3C5D #8D5370 #9C6A83 #AC8196 #BB98A9 #CAAFBC #DAC7D0

#7E3C5D - #DAC7D0

HSV Blend

#7E3C5D - #DAC7D0 | 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 #7E3C5D as 0% and #DAC7D0 as 100%.

0.0%	0.0% #7E3C5D	RGB 126 60 93	#7E3C5D
16.7%	16.7% #8D4D6D	RGB 141 77 109	#8D4D6D
33.3%	33.3% #9C617E	RGB 156 97 126	#9C617E
50.0%	50.0% #AC7791	RGB 172 119 145	#AC7791
66.7%	66.7% #BB8FA4	RGB 187 143 164	#BB8FA4
83.3%	83.3% #CAAAB9	RGB 202 170 185	#CAAAB9
100.0%	100.0% #DAC7D0	RGB 218 199 208	#DAC7D0

#7E3C5D #8D4D6D #9C617E #AC7791 #BB8FA4 #CAAAB9 #DAC7D0

#7E3C5D - #AC7791 - #DAC7D0

CSS codes

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

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