#815A8C - #ECD5A1 | 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 #815A8C to #ECD5A1

#815A8C #ECD5A1

Calculate the color between two colors, #815A8C and #ECD5A1. 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)

#815A8C - #ECD5A1 | 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 #815A8C as 0% and #ECD5A1 as 100%.

0.0%	0.0% #815A8C	RGB 129 90 140	#815A8C
16.7%	16.7% #926E8F	RGB 146 110 143	#926E8F
33.3%	33.3% #A48393	RGB 164 131 147	#A48393
50.0%	50.0% #B69796	RGB 182 151 150	#B69796
66.7%	66.7% #C8AC9A	RGB 200 172 154	#C8AC9A
83.3%	83.3% #DAC09D	RGB 218 192 157	#DAC09D
100.0%	100.0% #ECD5A1	RGB 236 213 161	#ECD5A1

#815A8C #926E8F #A48393 #B69796 #C8AC9A #DAC09D #ECD5A1

#815A8C - #ECD5A1

HSV Blend

#815A8C - #ECD5A1 | 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 #815A8C as 0% and #ECD5A1 as 100%.

0.0%	0.0% #815A8C	RGB 129 90 140	#815A8C
16.7%	16.7% #9C6596	RGB 156 101 150	#9C6596
33.3%	33.3% #AC7093	RGB 172 112 147	#AC7093
50.0%	50.0% #BC7C8D	RGB 188 124 141	#BC7C8D
66.7%	66.7% #CC8C88	RGB 204 140 136	#CC8C88
83.3%	83.3% #DCAF94	RGB 220 175 148	#DCAF94
100.0%	100.0% #ECD5A1	RGB 236 213 161	#ECD5A1

#815A8C #9C6596 #AC7093 #BC7C8D #CC8C88 #DCAF94 #ECD5A1

#815A8C - #BC7C8D - #ECD5A1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #815A8C 0%, #BC7C8D 50%, #ECD5A1 100%);
    background: -webkit-linear-gradient(top, #815A8C 0%, #BC7C8D 50%, #ECD5A1 100%);
    background: linear-gradient(to bottom, #815A8C 0%, #BC7C8D 50%, #ECD5A1 100%);
}
</style>