#5E97DA - #1B61AE | 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 #5E97DA to #1B61AE

#5E97DA #1B61AE

Calculate the color between two colors, #5E97DA and #1B61AE. 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)

#5E97DA - #1B61AE | 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 #5E97DA as 0% and #1B61AE as 100%.

0.0%	0.0% #5E97DA	RGB 94 151 218	#5E97DA
16.7%	16.7% #528ED2	RGB 82 142 210	#528ED2
33.3%	33.3% #4785CB	RGB 71 133 203	#4785CB
50.0%	50.0% #3C7CC4	RGB 60 124 196	#3C7CC4
66.7%	66.7% #3173BC	RGB 49 115 188	#3173BC
83.3%	83.3% #266AB5	RGB 38 106 181	#266AB5
100.0%	100.0% #1B61AE	RGB 27 97 174	#1B61AE

#5E97DA #528ED2 #4785CB #3C7CC4 #3173BC #266AB5 #1B61AE

#5E97DA - #1B61AE

HSV Blend

#5E97DA - #1B61AE | 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 #5E97DA as 0% and #1B61AE as 100%.

0.0%	0.0% #5E96DA	RGB 94 150 218	#5E96DA
16.7%	16.7% #518DD2	RGB 81 141 210	#518DD2
33.3%	33.3% #4483CB	RGB 68 131 203	#4483CB
50.0%	50.0% #397AC4	RGB 57 122 196	#397AC4
66.7%	66.7% #2E71BC	RGB 46 113 188	#2E71BC
83.3%	83.3% #2469B5	RGB 36 105 181	#2469B5
100.0%	100.0% #1B61AE	RGB 27 97 174	#1B61AE

#5E96DA #518DD2 #4483CB #397AC4 #2E71BC #2469B5 #1B61AE

#5E97DA - #397AC4 - #1B61AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E96DA 0%, #397AC4 50%, #1B61AE 100%);
    background: -webkit-linear-gradient(top, #5E96DA 0%, #397AC4 50%, #1B61AE 100%);
    background: linear-gradient(to bottom, #5E96DA 0%, #397AC4 50%, #1B61AE 100%);
}
</style>