#5E2144 - #BD6268 | 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 #5E2144 to #BD6268

#5E2144 #BD6268

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

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

0.0%	0.0% #5E2144	RGB 94 33 68	#5E2144
16.7%	16.7% #6D2B4A	RGB 109 43 74	#6D2B4A
33.3%	33.3% #7D3650	RGB 125 54 80	#7D3650
50.0%	50.0% #8D4156	RGB 141 65 86	#8D4156
66.7%	66.7% #9D4C5C	RGB 157 76 92	#9D4C5C
83.3%	83.3% #AD5762	RGB 173 87 98	#AD5762
100.0%	100.0% #BD6268	RGB 189 98 104	#BD6268

#5E2144 #6D2B4A #7D3650 #8D4156 #9D4C5C #AD5762 #BD6268

#5E2144 - #BD6268

HSV Blend

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

0.0%	0.0% #5E2144	RGB 94 33 68	#5E2144
16.7%	16.7% #6D294A	RGB 109 41 74	#6D294A
33.3%	33.3% #7D3351	RGB 125 51 81	#7D3351
50.0%	50.0% #8D3D57	RGB 141 61 87	#8D3D57
66.7%	66.7% #9D485C	RGB 157 72 92	#9D485C
83.3%	83.3% #AD5462	RGB 173 84 98	#AD5462
100.0%	100.0% #BD6268	RGB 189 98 104	#BD6268

#5E2144 #6D294A #7D3351 #8D3D57 #9D485C #AD5462 #BD6268

#5E2144 - #8D3D57 - #BD6268

CSS codes

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

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