#5E74AA - #89E2B5 | 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 #5E74AA to #89E2B5

#5E74AA #89E2B5

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

#5E74AA - #89E2B5 | 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 #5E74AA as 0% and #89E2B5 as 100%.

0.0%	0.0% #5E74AA	RGB 94 116 170	#5E74AA
16.7%	16.7% #6586AB	RGB 101 134 171	#6586AB
33.3%	33.3% #6C98AD	RGB 108 152 173	#6C98AD
50.0%	50.0% #73ABAF	RGB 115 171 175	#73ABAF
66.7%	66.7% #7ABDB1	RGB 122 189 177	#7ABDB1
83.3%	83.3% #81CFB3	RGB 129 207 179	#81CFB3
100.0%	100.0% #89E2B5	RGB 137 226 181	#89E2B5

#5E74AA #6586AB #6C98AD #73ABAF #7ABDB1 #81CFB3 #89E2B5

#5E74AA - #89E2B5

HSV Blend

#5E74AA - #89E2B5 | 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 #5E74AA as 0% and #89E2B5 as 100%.

0.0%	0.0% #5E74AA	RGB 94 116 170	#5E74AA
16.7%	16.7% #648BB3	RGB 100 139 179	#648BB3
33.3%	33.3% #6BA3BC	RGB 107 163 188	#6BA3BC
50.0%	50.0% #72BDC6	RGB 114 189 198	#72BDC6
66.7%	66.7% #7ACFC6	RGB 122 207 198	#7ACFC6
83.3%	83.3% #81D8BE	RGB 129 216 190	#81D8BE
100.0%	100.0% #89E2B5	RGB 137 226 181	#89E2B5

#5E74AA #648BB3 #6BA3BC #72BDC6 #7ACFC6 #81D8BE #89E2B5

#5E74AA - #72BDC6 - #89E2B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E74AA 0%, #72BDC6 50%, #89E2B5 100%);
    background: -webkit-linear-gradient(top, #5E74AA 0%, #72BDC6 50%, #89E2B5 100%);
    background: linear-gradient(to bottom, #5E74AA 0%, #72BDC6 50%, #89E2B5 100%);
}
</style>