#5E4352 - #D06B6B | 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 #5E4352 to #D06B6B

#5E4352 #D06B6B

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

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

0.0%	0.0% #5E4352	RGB 94 67 82	#5E4352
16.7%	16.7% #714956	RGB 113 73 86	#714956
33.3%	33.3% #84505A	RGB 132 80 90	#84505A
50.0%	50.0% #97575E	RGB 151 87 94	#97575E
66.7%	66.7% #AA5D62	RGB 170 93 98	#AA5D62
83.3%	83.3% #BD6466	RGB 189 100 102	#BD6466
100.0%	100.0% #D06B6B	RGB 208 107 107	#D06B6B

#5E4352 #714956 #84505A #97575E #AA5D62 #BD6466 #D06B6B

#5E4352 - #D06B6B

HSV Blend

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

0.0%	0.0% #5E4352	RGB 94 67 82	#5E4352
16.7%	16.7% #714C5D	RGB 113 76 93	#714C5D
33.3%	33.3% #845566	RGB 132 85 102	#845566
50.0%	50.0% #975C6C	RGB 151 92 108	#975C6C
66.7%	66.7% #AA626F	RGB 170 98 111	#AA626F
83.3%	83.3% #BD676F	RGB 189 103 111	#BD676F
100.0%	100.0% #D06B6B	RGB 208 107 107	#D06B6B

#5E4352 #714C5D #845566 #975C6C #AA626F #BD676F #D06B6B

#5E4352 - #975C6C - #D06B6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4352 0%, #975C6C 50%, #D06B6B 100%);
    background: -webkit-linear-gradient(top, #5E4352 0%, #975C6C 50%, #D06B6B 100%);
    background: linear-gradient(to bottom, #5E4352 0%, #975C6C 50%, #D06B6B 100%);
}
</style>