#20101C - #BFBABE | 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 #20101C to #BFBABE

#20101C #BFBABE

Calculate the color between two colors, #20101C and #BFBABE. 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)

#20101C - #BFBABE | 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 #20101C as 0% and #BFBABE as 100%.

0.0%	0.0% #20101C	RGB 32 16 28	#20101C
16.7%	16.7% #3A2C37	RGB 58 44 55	#3A2C37
33.3%	33.3% #554852	RGB 85 72 82	#554852
50.0%	50.0% #6F656D	RGB 111 101 109	#6F656D
66.7%	66.7% #8A8188	RGB 138 129 136	#8A8188
83.3%	83.3% #A49DA3	RGB 164 157 163	#A49DA3
100.0%	100.0% #BFBABE	RGB 191 186 190	#BFBABE

#20101C #3A2C37 #554852 #6F656D #8A8188 #A49DA3 #BFBABE

#20101C - #BFBABE

HSV Blend

#20101C - #BFBABE | 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 #20101C as 0% and #BFBABE as 100%.

0.0%	0.0% #20101C	RGB 32 16 28	#20101C
16.7%	16.7% #3A2134	RGB 58 33 52	#3A2134
33.3%	33.3% #55374E	RGB 85 55 78	#55374E
50.0%	50.0% #6F5268	RGB 111 82 104	#6F5268
66.7%	66.7% #8A7084	RGB 138 112 132	#8A7084
83.3%	83.3% #A493A0	RGB 164 147 160	#A493A0
100.0%	100.0% #BFBABE	RGB 191 186 190	#BFBABE

#20101C #3A2134 #55374E #6F5268 #8A7084 #A493A0 #BFBABE

#20101C - #6F5268 - #BFBABE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20101C 0%, #6F5268 50%, #BFBABE 100%);
    background: -webkit-linear-gradient(top, #20101C 0%, #6F5268 50%, #BFBABE 100%);
    background: linear-gradient(to bottom, #20101C 0%, #6F5268 50%, #BFBABE 100%);
}
</style>