#5EACEA - #195CB1 | 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 #5EACEA to #195CB1

#5EACEA #195CB1

Calculate the color between two colors, #5EACEA and #195CB1. 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)

#5EACEA - #195CB1 | 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 #5EACEA as 0% and #195CB1 as 100%.

0.0%	0.0% #5EACEA	RGB 94 172 234	#5EACEA
16.7%	16.7% #529EE0	RGB 82 158 224	#529EE0
33.3%	33.3% #4791D7	RGB 71 145 215	#4791D7
50.0%	50.0% #3B84CD	RGB 59 132 205	#3B84CD
66.7%	66.7% #3076C4	RGB 48 118 196	#3076C4
83.3%	83.3% #2469BA	RGB 36 105 186	#2469BA
100.0%	100.0% #195CB1	RGB 25 92 177	#195CB1

#5EACEA #529EE0 #4791D7 #3B84CD #3076C4 #2469BA #195CB1

#5EACEA - #195CB1

HSV Blend

#5EACEA - #195CB1 | 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 #5EACEA as 0% and #195CB1 as 100%.

0.0%	0.0% #5EACEA	RGB 94 172 234	#5EACEA
16.7%	16.7% #509DE0	RGB 80 157 224	#509DE0
33.3%	33.3% #4390D7	RGB 67 144 215	#4390D7
50.0%	50.0% #3782CD	RGB 55 130 205	#3782CD
66.7%	66.7% #2C75C4	RGB 44 117 196	#2C75C4
83.3%	83.3% #2268BA	RGB 34 104 186	#2268BA
100.0%	100.0% #195CB1	RGB 25 92 177	#195CB1

#5EACEA #509DE0 #4390D7 #3782CD #2C75C4 #2268BA #195CB1

#5EACEA - #3782CD - #195CB1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EACEA 0%, #3782CD 50%, #195CB1 100%);
    background: -webkit-linear-gradient(top, #5EACEA 0%, #3782CD 50%, #195CB1 100%);
    background: linear-gradient(to bottom, #5EACEA 0%, #3782CD 50%, #195CB1 100%);
}
</style>