#5E66AE - #92E2BE | 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 #5E66AE to #92E2BE

#5E66AE #92E2BE

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

#5E66AE - #92E2BE | 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 #5E66AE as 0% and #92E2BE as 100%.

0.0%	0.0% #5E66AE	RGB 94 102 174	#5E66AE
16.7%	16.7% #667AB0	RGB 102 122 176	#667AB0
33.3%	33.3% #6F8FB3	RGB 111 143 179	#6F8FB3
50.0%	50.0% #78A4B6	RGB 120 164 182	#78A4B6
66.7%	66.7% #80B8B8	RGB 128 184 184	#80B8B8
83.3%	83.3% #89CDBB	RGB 137 205 187	#89CDBB
100.0%	100.0% #92E2BE	RGB 146 226 190	#92E2BE

#5E66AE #667AB0 #6F8FB3 #78A4B6 #80B8B8 #89CDBB #92E2BE

#5E66AE - #92E2BE

HSV Blend

#5E66AE - #92E2BE | 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 #5E66AE as 0% and #92E2BE as 100%.

0.0%	0.0% #5E66AE	RGB 94 102 174	#5E66AE
16.7%	16.7% #6580B6	RGB 101 128 182	#6580B6
33.3%	33.3% #6E9ABF	RGB 110 154 191	#6E9ABF
50.0%	50.0% #76B5C8	RGB 118 181 200	#76B5C8
66.7%	66.7% #7FD0D0	RGB 127 208 208	#7FD0D0
83.3%	83.3% #88D9C7	RGB 136 217 199	#88D9C7
100.0%	100.0% #92E2BE	RGB 146 226 190	#92E2BE

#5E66AE #6580B6 #6E9ABF #76B5C8 #7FD0D0 #88D9C7 #92E2BE

#5E66AE - #76B5C8 - #92E2BE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E66AE 0%, #76B5C8 50%, #92E2BE 100%);
    background: -webkit-linear-gradient(top, #5E66AE 0%, #76B5C8 50%, #92E2BE 100%);
    background: linear-gradient(to bottom, #5E66AE 0%, #76B5C8 50%, #92E2BE 100%);
}
</style>