#98B5E9 - #3C62B2 | 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 #98B5E9 to #3C62B2

#98B5E9 #3C62B2

Calculate the color between two colors, #98B5E9 and #3C62B2. 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)

#98B5E9 - #3C62B2 | 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 #98B5E9 as 0% and #3C62B2 as 100%.

0.0%	0.0% #98B5E9	RGB 152 181 233	#98B5E9
16.7%	16.7% #88A7DF	RGB 136 167 223	#88A7DF
33.3%	33.3% #7999D6	RGB 121 153 214	#7999D6
50.0%	50.0% #6A8BCD	RGB 106 139 205	#6A8BCD
66.7%	66.7% #5A7DC4	RGB 90 125 196	#5A7DC4
83.3%	83.3% #4B6FBB	RGB 75 111 187	#4B6FBB
100.0%	100.0% #3C62B2	RGB 60 98 178	#3C62B2

#98B5E9 #88A7DF #7999D6 #6A8BCD #5A7DC4 #4B6FBB #3C62B2

#98B5E9 - #3C62B2

HSV Blend

#98B5E9 - #3C62B2 | 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 #98B5E9 as 0% and #3C62B2 as 100%.

0.0%	0.0% #98B5E9	RGB 152 181 233	#98B5E9
16.7%	16.7% #86A5DF	RGB 134 165 223	#86A5DF
33.3%	33.3% #7597D6	RGB 117 151 214	#7597D6
50.0%	50.0% #6588CD	RGB 101 136 205	#6588CD
66.7%	66.7% #567BC4	RGB 86 123 196	#567BC4
83.3%	83.3% #486EBB	RGB 72 110 187	#486EBB
100.0%	100.0% #3C62B2	RGB 60 98 178	#3C62B2

#98B5E9 #86A5DF #7597D6 #6588CD #567BC4 #486EBB #3C62B2

#98B5E9 - #6588CD - #3C62B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98B5E9 0%, #6588CD 50%, #3C62B2 100%);
    background: -webkit-linear-gradient(top, #98B5E9 0%, #6588CD 50%, #3C62B2 100%);
    background: linear-gradient(to bottom, #98B5E9 0%, #6588CD 50%, #3C62B2 100%);
}
</style>