#5E617B - #7CD3C2 | 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 #5E617B to #7CD3C2

#5E617B #7CD3C2

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

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

0.0%	0.0% #5E617B	RGB 94 97 123	#5E617B
16.7%	16.7% #637486	RGB 99 116 134	#637486
33.3%	33.3% #688792	RGB 104 135 146	#688792
50.0%	50.0% #6D9A9E	RGB 109 154 158	#6D9A9E
66.7%	66.7% #72ADAA	RGB 114 173 170	#72ADAA
83.3%	83.3% #77C0B6	RGB 119 192 182	#77C0B6
100.0%	100.0% #7CD3C2	RGB 124 211 194	#7CD3C2

#5E617B #637486 #688792 #6D9A9E #72ADAA #77C0B6 #7CD3C2

#5E617B - #7CD3C2

HSV Blend

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

0.0%	0.0% #5E617B	RGB 94 97 123	#5E617B
16.7%	16.7% #656F89	RGB 101 111 137	#656F89
33.3%	33.3% #6B8098	RGB 107 128 152	#6B8098
50.0%	50.0% #7094A7	RGB 112 148 167	#7094A7
66.7%	66.7% #75AAB5	RGB 117 170 181	#75AAB5
83.3%	83.3% #79C4C3	RGB 121 196 195	#79C4C3
100.0%	100.0% #7CD3C2	RGB 124 211 194	#7CD3C2

#5E617B #656F89 #6B8098 #7094A7 #75AAB5 #79C4C3 #7CD3C2

#5E617B - #7094A7 - #7CD3C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E617B 0%, #7094A7 50%, #7CD3C2 100%);
    background: -webkit-linear-gradient(top, #5E617B 0%, #7094A7 50%, #7CD3C2 100%);
    background: linear-gradient(to bottom, #5E617B 0%, #7094A7 50%, #7CD3C2 100%);
}
</style>