#5E6497 - #8BD3B8 | 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 #5E6497 to #8BD3B8

#5E6497 #8BD3B8

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

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

0.0%	0.0% #5E6497	RGB 94 100 151	#5E6497
16.7%	16.7% #65769C	RGB 101 118 156	#65769C
33.3%	33.3% #6D89A2	RGB 109 137 162	#6D89A2
50.0%	50.0% #749BA7	RGB 116 155 167	#749BA7
66.7%	66.7% #7CAEAD	RGB 124 174 173	#7CAEAD
83.3%	83.3% #83C0B2	RGB 131 192 178	#83C0B2
100.0%	100.0% #8BD3B8	RGB 139 211 184	#8BD3B8

#5E6497 #65769C #6D89A2 #749BA7 #7CAEAD #83C0B2 #8BD3B8

#5E6497 - #8BD3B8

HSV Blend

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

0.0%	0.0% #5E6497	RGB 94 100 151	#5E6497
16.7%	16.7% #6578A1	RGB 101 120 161	#6578A1
33.3%	33.3% #6C8DAB	RGB 108 141 171	#6C8DAB
50.0%	50.0% #73A4B5	RGB 115 164 181	#73A4B5
66.7%	66.7% #7BBBBF	RGB 123 187 191	#7BBBBF
83.3%	83.3% #83C9BD	RGB 131 201 189	#83C9BD
100.0%	100.0% #8BD3B8	RGB 139 211 184	#8BD3B8

#5E6497 #6578A1 #6C8DAB #73A4B5 #7BBBBF #83C9BD #8BD3B8

#5E6497 - #73A4B5 - #8BD3B8

CSS codes

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

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