#99A1DB - #2B2D3E | 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 #99A1DB to #2B2D3E

#99A1DB #2B2D3E

Calculate the color between two colors, #99A1DB and #2B2D3E. 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)

#99A1DB - #2B2D3E | 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 #99A1DB as 0% and #2B2D3E as 100%.

0.0%	0.0% #99A1DB	RGB 153 161 219	#99A1DB
16.7%	16.7% #868DC0	RGB 134 141 192	#868DC0
33.3%	33.3% #747AA6	RGB 116 122 166	#747AA6
50.0%	50.0% #62678C	RGB 98 103 140	#62678C
66.7%	66.7% #4F5372	RGB 79 83 114	#4F5372
83.3%	83.3% #3D4058	RGB 61 64 88	#3D4058
100.0%	100.0% #2B2D3E	RGB 43 45 62	#2B2D3E

#99A1DB #868DC0 #747AA6 #62678C #4F5372 #3D4058 #2B2D3E

#99A1DB - #2B2D3E

HSV Blend

#99A1DB - #2B2D3E | 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 #99A1DB as 0% and #2B2D3E as 100%.

0.0%	0.0% #99A1DB	RGB 153 161 219	#99A1DB
16.7%	16.7% #868DC0	RGB 134 141 192	#868DC0
33.3%	33.3% #747AA6	RGB 116 122 166	#747AA6
50.0%	50.0% #61668C	RGB 97 102 140	#61668C
66.7%	66.7% #4F5372	RGB 79 83 114	#4F5372
83.3%	83.3% #3D4058	RGB 61 64 88	#3D4058
100.0%	100.0% #2B2D3E	RGB 43 45 62	#2B2D3E

#99A1DB #868DC0 #747AA6 #61668C #4F5372 #3D4058 #2B2D3E

#99A1DB - #61668C - #2B2D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99A1DB 0%, #61668C 50%, #2B2D3E 100%);
    background: -webkit-linear-gradient(top, #99A1DB 0%, #61668C 50%, #2B2D3E 100%);
    background: linear-gradient(to bottom, #99A1DB 0%, #61668C 50%, #2B2D3E 100%);
}
</style>