#5E2142 - #BD6165 | 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 #5E2142 to #BD6165

#5E2142 #BD6165

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

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

0.0%	0.0% #5E2142	RGB 94 33 66	#5E2142
16.7%	16.7% #6D2B47	RGB 109 43 71	#6D2B47
33.3%	33.3% #7D364D	RGB 125 54 77	#7D364D
50.0%	50.0% #8D4153	RGB 141 65 83	#8D4153
66.7%	66.7% #9D4B59	RGB 157 75 89	#9D4B59
83.3%	83.3% #AD565F	RGB 173 86 95	#AD565F
100.0%	100.0% #BD6165	RGB 189 97 101	#BD6165

#5E2142 #6D2B47 #7D364D #8D4153 #9D4B59 #AD565F #BD6165

#5E2142 - #BD6165

HSV Blend

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

0.0%	0.0% #5E2142	RGB 94 33 66	#5E2142
16.7%	16.7% #6D2948	RGB 109 41 72	#6D2948
33.3%	33.3% #7D324E	RGB 125 50 78	#7D324E
50.0%	50.0% #8D3D54	RGB 141 61 84	#8D3D54
66.7%	66.7% #9D485A	RGB 157 72 90	#9D485A
83.3%	83.3% #AD545F	RGB 173 84 95	#AD545F
100.0%	100.0% #BD6165	RGB 189 97 101	#BD6165

#5E2142 #6D2948 #7D324E #8D3D54 #9D485A #AD545F #BD6165

#5E2142 - #8D3D54 - #BD6165

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2142 0%, #8D3D54 50%, #BD6165 100%);
    background: -webkit-linear-gradient(top, #5E2142 0%, #8D3D54 50%, #BD6165 100%);
    background: linear-gradient(to bottom, #5E2142 0%, #8D3D54 50%, #BD6165 100%);
}
</style>