#5E5477 - #2D1427 | 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 #5E5477 to #2D1427

#5E5477 #2D1427

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

#5E5477 - #2D1427 | 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 #5E5477 as 0% and #2D1427 as 100%.

0.0%	0.0% #5E5477	RGB 94 84 119	#5E5477
16.7%	16.7% #554969	RGB 85 73 105	#554969
33.3%	33.3% #4D3E5C	RGB 77 62 92	#4D3E5C
50.0%	50.0% #45344F	RGB 69 52 79	#45344F
66.7%	66.7% #3D2941	RGB 61 41 65	#3D2941
83.3%	83.3% #351E34	RGB 53 30 52	#351E34
100.0%	100.0% #2D1427	RGB 45 20 39	#2D1427

#5E5477 #554969 #4D3E5C #45344F #3D2941 #351E34 #2D1427

#5E5477 - #2D1427

HSV Blend

#5E5477 - #2D1427 | 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 #5E5477 as 0% and #2D1427 as 100%.

0.0%	0.0% #5E5477	RGB 94 84 119	#5E5477
16.7%	16.7% #56466A	RGB 86 70 106	#56466A
33.3%	33.3% #503A5E	RGB 80 58 94	#503A5E
50.0%	50.0% #492F52	RGB 73 47 82	#492F52
66.7%	66.7% #432545	RGB 67 37 69	#432545
83.3%	83.3% #391B36	RGB 57 27 54	#391B36
100.0%	100.0% #2D1427	RGB 45 20 39	#2D1427

#5E5477 #56466A #503A5E #492F52 #432545 #391B36 #2D1427

#5E5477 - #492F52 - #2D1427

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5477 0%, #492F52 50%, #2D1427 100%);
    background: -webkit-linear-gradient(top, #5E5477 0%, #492F52 50%, #2D1427 100%);
    background: linear-gradient(to bottom, #5E5477 0%, #492F52 50%, #2D1427 100%);
}
</style>