#5E5252 - #D5867B | 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 #5E5252 to #D5867B

#5E5252 #D5867B

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

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

0.0%	0.0% #5E5252	RGB 94 82 82	#5E5252
16.7%	16.7% #715A58	RGB 113 90 88	#715A58
33.3%	33.3% #85635F	RGB 133 99 95	#85635F
50.0%	50.0% #996C66	RGB 153 108 102	#996C66
66.7%	66.7% #AD746D	RGB 173 116 109	#AD746D
83.3%	83.3% #C17D74	RGB 193 125 116	#C17D74
100.0%	100.0% #D5867B	RGB 213 134 123	#D5867B

#5E5252 #715A58 #85635F #996C66 #AD746D #C17D74 #D5867B

#5E5252 - #D5867B

HSV Blend

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

0.0%	0.0% #5E5252	RGB 94 82 82	#5E5252
16.7%	16.7% #715E5D	RGB 113 94 93	#715E5D
33.3%	33.3% #856867	RGB 133 104 103	#856867
50.0%	50.0% #99716F	RGB 153 113 111	#99716F
66.7%	66.7% #AD7975	RGB 173 121 117	#AD7975
83.3%	83.3% #C18079	RGB 193 128 121	#C18079
100.0%	100.0% #D5867B	RGB 213 134 123	#D5867B

#5E5252 #715E5D #856867 #99716F #AD7975 #C18079 #D5867B

#5E5252 - #99716F - #D5867B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5252 0%, #99716F 50%, #D5867B 100%);
    background: -webkit-linear-gradient(top, #5E5252 0%, #99716F 50%, #D5867B 100%);
    background: linear-gradient(to bottom, #5E5252 0%, #99716F 50%, #D5867B 100%);
}
</style>