#98B7FE - #3760D3 | 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 #98B7FE to #3760D3

#98B7FE #3760D3

Calculate the color between two colors, #98B7FE and #3760D3. 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)

#98B7FE - #3760D3 | 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 #98B7FE as 0% and #3760D3 as 100%.

0.0%	0.0% #98B7FE	RGB 152 183 254	#98B7FE
16.7%	16.7% #87A8F6	RGB 135 168 246	#87A8F6
33.3%	33.3% #779AEF	RGB 119 154 239	#779AEF
50.0%	50.0% #678BE8	RGB 103 139 232	#678BE8
66.7%	66.7% #577DE1	RGB 87 125 225	#577DE1
83.3%	83.3% #476EDA	RGB 71 110 218	#476EDA
100.0%	100.0% #3760D3	RGB 55 96 211	#3760D3

#98B7FE #87A8F6 #779AEF #678BE8 #577DE1 #476EDA #3760D3

#98B7FE - #3760D3

HSV Blend

#98B7FE - #3760D3 | 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 #98B7FE as 0% and #3760D3 as 100%.

0.0%	0.0% #98B7FE	RGB 152 183 254	#98B7FE
16.7%	16.7% #85A7F6	RGB 133 167 246	#85A7F6
33.3%	33.3% #7498EF	RGB 116 152 239	#7498EF
50.0%	50.0% #6389E8	RGB 99 137 232	#6389E8
66.7%	66.7% #547BE1	RGB 84 123 225	#547BE1
83.3%	83.3% #456DDA	RGB 69 109 218	#456DDA
100.0%	100.0% #3760D3	RGB 55 96 211	#3760D3

#98B7FE #85A7F6 #7498EF #6389E8 #547BE1 #456DDA #3760D3

#98B7FE - #6389E8 - #3760D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98B7FE 0%, #6389E8 50%, #3760D3 100%);
    background: -webkit-linear-gradient(top, #98B7FE 0%, #6389E8 50%, #3760D3 100%);
    background: linear-gradient(to bottom, #98B7FE 0%, #6389E8 50%, #3760D3 100%);
}
</style>