#5E699F - #8BD9B8 | 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 #5E699F to #8BD9B8

#5E699F #8BD9B8

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

#5E699F - #8BD9B8 | 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 #5E699F as 0% and #8BD9B8 as 100%.

0.0%	0.0% #5E699F	RGB 94 105 159	#5E699F
16.7%	16.7% #657BA3	RGB 101 123 163	#657BA3
33.3%	33.3% #6D8EA7	RGB 109 142 167	#6D8EA7
50.0%	50.0% #74A1AB	RGB 116 161 171	#74A1AB
66.7%	66.7% #7CB3AF	RGB 124 179 175	#7CB3AF
83.3%	83.3% #83C6B3	RGB 131 198 179	#83C6B3
100.0%	100.0% #8BD9B8	RGB 139 217 184	#8BD9B8

#5E699F #657BA3 #6D8EA7 #74A1AB #7CB3AF #83C6B3 #8BD9B8

#5E699F - #8BD9B8

HSV Blend

#5E699F - #8BD9B8 | 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 #5E699F as 0% and #8BD9B8 as 100%.

0.0%	0.0% #5E699F	RGB 94 105 159	#5E699F
16.7%	16.7% #657EA8	RGB 101 126 168	#657EA8
33.3%	33.3% #6C95B2	RGB 108 149 178	#6C95B2
50.0%	50.0% #73ADBC	RGB 115 173 188	#73ADBC
66.7%	66.7% #7BC5C5	RGB 123 197 197	#7BC5C5
83.3%	83.3% #83CFBF	RGB 131 207 191	#83CFBF
100.0%	100.0% #8BD9B8	RGB 139 217 184	#8BD9B8

#5E699F #657EA8 #6C95B2 #73ADBC #7BC5C5 #83CFBF #8BD9B8

#5E699F - #73ADBC - #8BD9B8

CSS codes

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

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