#98A6DB - #2B2E3E | 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 #98A6DB to #2B2E3E

#98A6DB #2B2E3E

Calculate the color between two colors, #98A6DB and #2B2E3E. 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)

#98A6DB - #2B2E3E | 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 #98A6DB as 0% and #2B2E3E as 100%.

0.0%	0.0% #98A6DB	RGB 152 166 219	#98A6DB
16.7%	16.7% #8592C0	RGB 133 146 192	#8592C0
33.3%	33.3% #737EA6	RGB 115 126 166	#737EA6
50.0%	50.0% #616A8C	RGB 97 106 140	#616A8C
66.7%	66.7% #4F5672	RGB 79 86 114	#4F5672
83.3%	83.3% #3D4258	RGB 61 66 88	#3D4258
100.0%	100.0% #2B2E3E	RGB 43 46 62	#2B2E3E

#98A6DB #8592C0 #737EA6 #616A8C #4F5672 #3D4258 #2B2E3E

#98A6DB - #2B2E3E

HSV Blend

#98A6DB - #2B2E3E | 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 #98A6DB as 0% and #2B2E3E as 100%.

0.0%	0.0% #98A5DB	RGB 152 165 219	#98A5DB
16.7%	16.7% #8591C0	RGB 133 145 192	#8591C0
33.3%	33.3% #737DA6	RGB 115 125 166	#737DA6
50.0%	50.0% #61698C	RGB 97 105 140	#61698C
66.7%	66.7% #4F5572	RGB 79 85 114	#4F5572
83.3%	83.3% #3D4158	RGB 61 65 88	#3D4158
100.0%	100.0% #2B2E3E	RGB 43 46 62	#2B2E3E

#98A5DB #8591C0 #737DA6 #61698C #4F5572 #3D4158 #2B2E3E

#98A6DB - #61698C - #2B2E3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98A5DB 0%, #61698C 50%, #2B2E3E 100%);
    background: -webkit-linear-gradient(top, #98A5DB 0%, #61698C 50%, #2B2E3E 100%);
    background: linear-gradient(to bottom, #98A5DB 0%, #61698C 50%, #2B2E3E 100%);
}
</style>