#20132E - #BFBBC3 | 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 #20132E to #BFBBC3

#20132E #BFBBC3

Calculate the color between two colors, #20132E and #BFBBC3. 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)

#20132E - #BFBBC3 | 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 #20132E as 0% and #BFBBC3 as 100%.

0.0%	0.0% #20132E	RGB 32 19 46	#20132E
16.7%	16.7% #3A2F46	RGB 58 47 70	#3A2F46
33.3%	33.3% #554B5F	RGB 85 75 95	#554B5F
50.0%	50.0% #6F6778	RGB 111 103 120	#6F6778
66.7%	66.7% #8A8391	RGB 138 131 145	#8A8391
83.3%	83.3% #A49FAA	RGB 164 159 170	#A49FAA
100.0%	100.0% #BFBBC3	RGB 191 187 195	#BFBBC3

#20132E #3A2F46 #554B5F #6F6778 #8A8391 #A49FAA #BFBBC3

#20132E - #BFBBC3

HSV Blend

#20132E - #BFBBC3 | 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 #20132E as 0% and #BFBBC3 as 100%.

0.0%	0.0% #20132E	RGB 32 19 46	#20132E
16.7%	16.7% #342346	RGB 52 35 70	#342346
33.3%	33.3% #4B385F	RGB 75 56 95	#4B385F
50.0%	50.0% #655278	RGB 101 82 120	#655278
66.7%	66.7% #807091	RGB 128 112 145	#807091
83.3%	83.3% #9E93AA	RGB 158 147 170	#9E93AA
100.0%	100.0% #BFBBC3	RGB 191 187 195	#BFBBC3

#20132E #342346 #4B385F #655278 #807091 #9E93AA #BFBBC3

#20132E - #655278 - #BFBBC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20132E 0%, #655278 50%, #BFBBC3 100%);
    background: -webkit-linear-gradient(top, #20132E 0%, #655278 50%, #BFBBC3 100%);
    background: linear-gradient(to bottom, #20132E 0%, #655278 50%, #BFBBC3 100%);
}
</style>