#5E627A - #1A2B2F | 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 #5E627A to #1A2B2F

#5E627A #1A2B2F

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

#5E627A - #1A2B2F | 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 #5E627A as 0% and #1A2B2F as 100%.

0.0%	0.0% #5E627A	RGB 94 98 122	#5E627A
16.7%	16.7% #52586D	RGB 82 88 109	#52586D
33.3%	33.3% #474F61	RGB 71 79 97	#474F61
50.0%	50.0% #3C4654	RGB 60 70 84	#3C4654
66.7%	66.7% #303D48	RGB 48 61 72	#303D48
83.3%	83.3% #25343B	RGB 37 52 59	#25343B
100.0%	100.0% #1A2B2F	RGB 26 43 47	#1A2B2F

#5E627A #52586D #474F61 #3C4654 #303D48 #25343B #1A2B2F

#5E627A - #1A2B2F

HSV Blend

#5E627A - #1A2B2F | 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 #5E627A as 0% and #1A2B2F as 100%.

0.0%	0.0% #5E627A	RGB 94 98 122	#5E627A
16.7%	16.7% #50576D	RGB 80 87 109	#50576D
33.3%	33.3% #434E61	RGB 67 78 97	#434E61
50.0%	50.0% #374554	RGB 55 69 84	#374554
66.7%	66.7% #2D3C48	RGB 45 60 72	#2D3C48
83.3%	83.3% #23343B	RGB 35 52 59	#23343B
100.0%	100.0% #1A2B2F	RGB 26 43 47	#1A2B2F

#5E627A #50576D #434E61 #374554 #2D3C48 #23343B #1A2B2F

#5E627A - #374554 - #1A2B2F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E627A 0%, #374554 50%, #1A2B2F 100%);
    background: -webkit-linear-gradient(top, #5E627A 0%, #374554 50%, #1A2B2F 100%);
    background: linear-gradient(to bottom, #5E627A 0%, #374554 50%, #1A2B2F 100%);
}
</style>