#5E3E5E - #DC8069 | 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 #5E3E5E to #DC8069

#5E3E5E #DC8069

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

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

0.0%	0.0% #5E3E5E	RGB 94 62 94	#5E3E5E
16.7%	16.7% #73495F	RGB 115 73 95	#73495F
33.3%	33.3% #885461	RGB 136 84 97	#885461
50.0%	50.0% #9D5F63	RGB 157 95 99	#9D5F63
66.7%	66.7% #B26A65	RGB 178 106 101	#B26A65
83.3%	83.3% #C77567	RGB 199 117 103	#C77567
100.0%	100.0% #DC8069	RGB 220 128 105	#DC8069

#5E3E5E #73495F #885461 #9D5F63 #B26A65 #C77567 #DC8069

#5E3E5E - #DC8069

HSV Blend

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

0.0%	0.0% #5D3E5E	RGB 93 62 94	#5D3E5E
16.7%	16.7% #73486A	RGB 115 72 106	#73486A
33.3%	33.3% #885172	RGB 136 81 114	#885172
50.0%	50.0% #9D5974	RGB 157 89 116	#9D5974
66.7%	66.7% #B25F70	RGB 178 95 112	#B25F70
83.3%	83.3% #C76565	RGB 199 101 101	#C76565
100.0%	100.0% #DC8069	RGB 220 128 105	#DC8069

#5D3E5E #73486A #885172 #9D5974 #B25F70 #C76565 #DC8069

#5E3E5E - #9D5974 - #DC8069

CSS codes

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

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