#5B3E5E - #DA806B | 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 #5B3E5E to #DA806B

#5B3E5E #DA806B

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

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

0.0%	0.0% #5B3E5E	RGB 91 62 94	#5B3E5E
16.7%	16.7% #704960	RGB 112 73 96	#704960
33.3%	33.3% #855462	RGB 133 84 98	#855462
50.0%	50.0% #9A5F64	RGB 154 95 100	#9A5F64
66.7%	66.7% #AF6A66	RGB 175 106 102	#AF6A66
83.3%	83.3% #C47568	RGB 196 117 104	#C47568
100.0%	100.0% #DA806B	RGB 218 128 107	#DA806B

#5B3E5E #704960 #855462 #9A5F64 #AF6A66 #C47568 #DA806B

#5B3E5E - #DA806B

HSV Blend

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

0.0%	0.0% #5B3E5E	RGB 91 62 94	#5B3E5E
16.7%	16.7% #72486D	RGB 114 72 109	#72486D
33.3%	33.3% #875175	RGB 135 81 117	#875175
50.0%	50.0% #9C5977	RGB 156 89 119	#9C5977
66.7%	66.7% #B06073	RGB 176 96 115	#B06073
83.3%	83.3% #C56668	RGB 197 102 104	#C56668
100.0%	100.0% #DA806B	RGB 218 128 107	#DA806B

#5B3E5E #72486D #875175 #9C5977 #B06073 #C56668 #DA806B

#5B3E5E - #9C5977 - #DA806B

CSS codes

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

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