#3E7DDA - #91C5EB | 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 #3E7DDA to #91C5EB

#3E7DDA #91C5EB

Calculate the color between two colors, #3E7DDA and #91C5EB. 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)

#3E7DDA - #91C5EB | 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 #3E7DDA as 0% and #91C5EB as 100%.

0.0%	0.0% #3E7DDA	RGB 62 125 218	#3E7DDA
16.7%	16.7% #4B89DC	RGB 75 137 220	#4B89DC
33.3%	33.3% #5995DF	RGB 89 149 223	#5995DF
50.0%	50.0% #67A1E2	RGB 103 161 226	#67A1E2
66.7%	66.7% #75ADE5	RGB 117 173 229	#75ADE5
83.3%	83.3% #83B9E8	RGB 131 185 232	#83B9E8
100.0%	100.0% #91C5EB	RGB 145 197 235	#91C5EB

#3E7DDA #4B89DC #5995DF #67A1E2 #75ADE5 #83B9E8 #91C5EB

#3E7DDA - #91C5EB

HSV Blend

#3E7DDA - #91C5EB | 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 #3E7DDA as 0% and #91C5EB as 100%.

0.0%	0.0% #3E7DDA	RGB 62 125 218	#3E7DDA
16.7%	16.7% #4B8ADC	RGB 75 138 220	#4B8ADC
33.3%	33.3% #5896DF	RGB 88 150 223	#5896DF
50.0%	50.0% #66A3E2	RGB 102 163 226	#66A3E2
66.7%	66.7% #74AEE5	RGB 116 174 229	#74AEE5
83.3%	83.3% #82BAE8	RGB 130 186 232	#82BAE8
100.0%	100.0% #91C5EB	RGB 145 197 235	#91C5EB

#3E7DDA #4B8ADC #5896DF #66A3E2 #74AEE5 #82BAE8 #91C5EB

#3E7DDA - #66A3E2 - #91C5EB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E7DDA 0%, #66A3E2 50%, #91C5EB 100%);
    background: -webkit-linear-gradient(top, #3E7DDA 0%, #66A3E2 50%, #91C5EB 100%);
    background: linear-gradient(to bottom, #3E7DDA 0%, #66A3E2 50%, #91C5EB 100%);
}
</style>