#7E5A6C - #ECA68C | 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 #7E5A6C to #ECA68C

#7E5A6C #ECA68C

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

#7E5A6C - #ECA68C | 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 #7E5A6C as 0% and #ECA68C as 100%.

0.0%	0.0% #7E5A6C	RGB 126 90 108	#7E5A6C
16.7%	16.7% #906671	RGB 144 102 113	#906671
33.3%	33.3% #A27376	RGB 162 115 118	#A27376
50.0%	50.0% #B5807C	RGB 181 128 124	#B5807C
66.7%	66.7% #C78C81	RGB 199 140 129	#C78C81
83.3%	83.3% #D99986	RGB 217 153 134	#D99986
100.0%	100.0% #ECA68C	RGB 236 166 140	#ECA68C

#7E5A6C #906671 #A27376 #B5807C #C78C81 #D99986 #ECA68C

#7E5A6C - #ECA68C

HSV Blend

#7E5A6C - #ECA68C | 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 #7E5A6C as 0% and #ECA68C as 100%.

0.0%	0.0% #7E5A6C	RGB 126 90 108	#7E5A6C
16.7%	16.7% #906474	RGB 144 100 116	#906474
33.3%	33.3% #A26D7A	RGB 162 109 122	#A26D7A
50.0%	50.0% #B5767D	RGB 181 118 125	#B5767D
66.7%	66.7% #C77F7E	RGB 199 127 126	#C77F7E
83.3%	83.3% #D99185	RGB 217 145 133	#D99185
100.0%	100.0% #ECA68C	RGB 236 166 140	#ECA68C

#7E5A6C #906474 #A26D7A #B5767D #C77F7E #D99185 #ECA68C

#7E5A6C - #B5767D - #ECA68C

CSS codes

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

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