#5E608D - #7CE2D3 | 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 #5E608D to #7CE2D3

#5E608D #7CE2D3

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

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

0.0%	0.0% #5E608D	RGB 94 96 141	#5E608D
16.7%	16.7% #637598	RGB 99 117 152	#637598
33.3%	33.3% #688BA4	RGB 104 139 164	#688BA4
50.0%	50.0% #6DA1B0	RGB 109 161 176	#6DA1B0
66.7%	66.7% #72B6BB	RGB 114 182 187	#72B6BB
83.3%	83.3% #77CCC7	RGB 119 204 199	#77CCC7
100.0%	100.0% #7CE2D3	RGB 124 226 211	#7CE2D3

#5E608D #637598 #688BA4 #6DA1B0 #72B6BB #77CCC7 #7CE2D3

#5E608D - #7CE2D3

HSV Blend

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

0.0%	0.0% #5E608D	RGB 94 96 141	#5E608D
16.7%	16.7% #64709B	RGB 100 112 155	#64709B
33.3%	33.3% #6A84A9	RGB 106 132 169	#6A84A9
50.0%	50.0% #6F9AB7	RGB 111 154 183	#6F9AB7
66.7%	66.7% #74B3C5	RGB 116 179 197	#74B3C5
83.3%	83.3% #78D0D3	RGB 120 208 211	#78D0D3
100.0%	100.0% #7CE2D3	RGB 124 226 211	#7CE2D3

#5E608D #64709B #6A84A9 #6F9AB7 #74B3C5 #78D0D3 #7CE2D3

#5E608D - #6F9AB7 - #7CE2D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E608D 0%, #6F9AB7 50%, #7CE2D3 100%);
    background: -webkit-linear-gradient(top, #5E608D 0%, #6F9AB7 50%, #7CE2D3 100%);
    background: linear-gradient(to bottom, #5E608D 0%, #6F9AB7 50%, #7CE2D3 100%);
}
</style>