#3E75CE - #91BFE5 | 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 #3E75CE to #91BFE5

#3E75CE #91BFE5

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

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

0.0%	0.0% #3E75CE	RGB 62 117 206	#3E75CE
16.7%	16.7% #4B81D1	RGB 75 129 209	#4B81D1
33.3%	33.3% #598DD5	RGB 89 141 213	#598DD5
50.0%	50.0% #679AD9	RGB 103 154 217	#679AD9
66.7%	66.7% #75A6DD	RGB 117 166 221	#75A6DD
83.3%	83.3% #83B2E1	RGB 131 178 225	#83B2E1
100.0%	100.0% #91BFE5	RGB 145 191 229	#91BFE5

#3E75CE #4B81D1 #598DD5 #679AD9 #75A6DD #83B2E1 #91BFE5

#3E75CE - #91BFE5

HSV Blend

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

0.0%	0.0% #3E74CE	RGB 62 116 206	#3E74CE
16.7%	16.7% #4A82D1	RGB 74 130 209	#4A82D1
33.3%	33.3% #578ED5	RGB 87 142 213	#578ED5
50.0%	50.0% #659BD9	RGB 101 155 217	#659BD9
66.7%	66.7% #73A7DD	RGB 115 167 221	#73A7DD
83.3%	83.3% #82B3E1	RGB 130 179 225	#82B3E1
100.0%	100.0% #91BFE5	RGB 145 191 229	#91BFE5

#3E74CE #4A82D1 #578ED5 #659BD9 #73A7DD #82B3E1 #91BFE5

#3E75CE - #659BD9 - #91BFE5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E74CE 0%, #659BD9 50%, #91BFE5 100%);
    background: -webkit-linear-gradient(top, #3E74CE 0%, #659BD9 50%, #91BFE5 100%);
    background: linear-gradient(to bottom, #3E74CE 0%, #659BD9 50%, #91BFE5 100%);
}
</style>