#85592C - #DC5D9F | 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 #85592C to #DC5D9F

#85592C #DC5D9F

Calculate the color between two colors, #85592C and #DC5D9F. 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)

#85592C - #DC5D9F | 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 #85592C as 0% and #DC5D9F as 100%.

0.0%	0.0% #85592C	RGB 133 89 44	#85592C
16.7%	16.7% #93593F	RGB 147 89 63	#93593F
33.3%	33.3% #A25A52	RGB 162 90 82	#A25A52
50.0%	50.0% #B05B65	RGB 176 91 101	#B05B65
66.7%	66.7% #BF5B78	RGB 191 91 120	#BF5B78
83.3%	83.3% #CD5C8B	RGB 205 92 139	#CD5C8B
100.0%	100.0% #DC5D9F	RGB 220 93 159	#DC5D9F

#85592C #93593F #A25A52 #B05B65 #BF5B78 #CD5C8B #DC5D9F

#85592C - #DC5D9F

HSV Blend

#85592C - #DC5D9F | 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 #85592C as 0% and #DC5D9F as 100%.

0.0%	0.0% #85592C	RGB 133 89 44	#85592C
16.7%	16.7% #935333	RGB 147 83 51	#935333
33.3%	33.3% #A24B3A	RGB 162 75 58	#A24B3A
50.0%	50.0% #B04243	RGB 176 66 67	#B04243
66.7%	66.7% #BF4A5F	RGB 191 74 95	#BF4A5F
83.3%	83.3% #CD537E	RGB 205 83 126	#CD537E
100.0%	100.0% #DC5D9F	RGB 220 93 159	#DC5D9F

#85592C #935333 #A24B3A #B04243 #BF4A5F #CD537E #DC5D9F

#85592C - #B04243 - #DC5D9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85592C 0%, #B04243 50%, #DC5D9F 100%);
    background: -webkit-linear-gradient(top, #85592C 0%, #B04243 50%, #DC5D9F 100%);
    background: linear-gradient(to bottom, #85592C 0%, #B04243 50%, #DC5D9F 100%);
}
</style>