#5E514C - #D76C74 | 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 #5E514C to #D76C74

#5E514C #D76C74

Calculate the color between two colors, #5E514C and #D76C74. 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)

#5E514C - #D76C74 | 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 #5E514C as 0% and #D76C74 as 100%.

0.0%	0.0% #5E514C	RGB 94 81 76	#5E514C
16.7%	16.7% #725552	RGB 114 85 82	#725552
33.3%	33.3% #865A59	RGB 134 90 89	#865A59
50.0%	50.0% #9A5E60	RGB 154 94 96	#9A5E60
66.7%	66.7% #AE6366	RGB 174 99 102	#AE6366
83.3%	83.3% #C2676D	RGB 194 103 109	#C2676D
100.0%	100.0% #D76C74	RGB 215 108 116	#D76C74

#5E514C #725552 #865A59 #9A5E60 #AE6366 #C2676D #D76C74

#5E514C - #D76C74

HSV Blend

#5E514C - #D76C74 | 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 #5E514C as 0% and #D76C74 as 100%.

0.0%	0.0% #5E514C	RGB 94 81 76	#5E514C
16.7%	16.7% #725C56	RGB 114 92 86	#725C56
33.3%	33.3% #86655E	RGB 134 101 94	#86655E
50.0%	50.0% #9A6A65	RGB 154 106 101	#9A6A65
66.7%	66.7% #AE6C69	RGB 174 108 105	#AE6C69
83.3%	83.3% #C26B6D	RGB 194 107 109	#C26B6D
100.0%	100.0% #D76C74	RGB 215 108 116	#D76C74

#5E514C #725C56 #86655E #9A6A65 #AE6C69 #C26B6D #D76C74

#5E514C - #9A6A65 - #D76C74

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E514C 0%, #9A6A65 50%, #D76C74 100%);
    background: -webkit-linear-gradient(top, #5E514C 0%, #9A6A65 50%, #D76C74 100%);
    background: linear-gradient(to bottom, #5E514C 0%, #9A6A65 50%, #D76C74 100%);
}
</style>