#514C5E - #E29475 | 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 #514C5E to #E29475

#514C5E #E29475

Calculate the color between two colors, #514C5E and #E29475. 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)

#514C5E - #E29475 | 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 #514C5E as 0% and #E29475 as 100%.

0.0%	0.0% #514C5E	RGB 81 76 94	#514C5E
16.7%	16.7% #695861	RGB 105 88 97	#695861
33.3%	33.3% #816465	RGB 129 100 101	#816465
50.0%	50.0% #997069	RGB 153 112 105	#997069
66.7%	66.7% #B17C6D	RGB 177 124 109	#B17C6D
83.3%	83.3% #C98871	RGB 201 136 113	#C98871
100.0%	100.0% #E29475	RGB 226 148 117	#E29475

#514C5E #695861 #816465 #997069 #B17C6D #C98871 #E29475

#514C5E - #E29475

HSV Blend

#514C5E - #E29475 | 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 #514C5E as 0% and #E29475 as 100%.

0.0%	0.0% #514C5E	RGB 81 76 94	#514C5E
16.7%	16.7% #695874	RGB 105 88 116	#695874
33.3%	33.3% #87628A	RGB 135 98 138	#87628A
50.0%	50.0% #A06A90	RGB 160 106 144	#A06A90
66.7%	66.7% #B66F8A	RGB 182 111 138	#B66F8A
83.3%	83.3% #CC7377	RGB 204 115 119	#CC7377
100.0%	100.0% #E29475	RGB 226 148 117	#E29475

#514C5E #695874 #87628A #A06A90 #B66F8A #CC7377 #E29475

#514C5E - #A06A90 - #E29475

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #514C5E 0%, #A06A90 50%, #E29475 100%);
    background: -webkit-linear-gradient(top, #514C5E 0%, #A06A90 50%, #E29475 100%);
    background: linear-gradient(to bottom, #514C5E 0%, #A06A90 50%, #E29475 100%);
}
</style>