#5E5F96 - #8ED1B9 | 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 #5E5F96 to #8ED1B9

#5E5F96 #8ED1B9

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

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

0.0%	0.0% #5E5F96	RGB 94 95 150	#5E5F96
16.7%	16.7% #66729B	RGB 102 114 155	#66729B
33.3%	33.3% #6E85A1	RGB 110 133 161	#6E85A1
50.0%	50.0% #7698A7	RGB 118 152 167	#7698A7
66.7%	66.7% #7EABAD	RGB 126 171 173	#7EABAD
83.3%	83.3% #86BEB3	RGB 134 190 179	#86BEB3
100.0%	100.0% #8ED1B9	RGB 142 209 185	#8ED1B9

#5E5F96 #66729B #6E85A1 #7698A7 #7EABAD #86BEB3 #8ED1B9

#5E5F96 - #8ED1B9

HSV Blend

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

0.0%	0.0% #5E5F96	RGB 94 95 150	#5E5F96
16.7%	16.7% #65739F	RGB 101 115 159	#65739F
33.3%	33.3% #6D89A9	RGB 109 137 169	#6D89A9
50.0%	50.0% #75A0B3	RGB 117 160 179	#75A0B3
66.7%	66.7% #7DB7BD	RGB 125 183 189	#7DB7BD
83.3%	83.3% #85C7BE	RGB 133 199 190	#85C7BE
100.0%	100.0% #8ED1B9	RGB 142 209 185	#8ED1B9

#5E5F96 #65739F #6D89A9 #75A0B3 #7DB7BD #85C7BE #8ED1B9

#5E5F96 - #75A0B3 - #8ED1B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5F96 0%, #75A0B3 50%, #8ED1B9 100%);
    background: -webkit-linear-gradient(top, #5E5F96 0%, #75A0B3 50%, #8ED1B9 100%);
    background: linear-gradient(to bottom, #5E5F96 0%, #75A0B3 50%, #8ED1B9 100%);
}
</style>