#201623 - #BFBCC0 | 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 #201623 to #BFBCC0

#201623 #BFBCC0

Calculate the color between two colors, #201623 and #BFBCC0. 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)

#201623 - #BFBCC0 | 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 #201623 as 0% and #BFBCC0 as 100%.

0.0%	0.0% #201623	RGB 32 22 35	#201623
16.7%	16.7% #3A313D	RGB 58 49 61	#3A313D
33.3%	33.3% #554D57	RGB 85 77 87	#554D57
50.0%	50.0% #6F6971	RGB 111 105 113	#6F6971
66.7%	66.7% #8A848B	RGB 138 132 139	#8A848B
83.3%	83.3% #A4A0A5	RGB 164 160 165	#A4A0A5
100.0%	100.0% #BFBCC0	RGB 191 188 192	#BFBCC0

#201623 #3A313D #554D57 #6F6971 #8A848B #A4A0A5 #BFBCC0

#201623 - #BFBCC0

HSV Blend

#201623 - #BFBCC0 | 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 #201623 as 0% and #BFBCC0 as 100%.

0.0%	0.0% #201623	RGB 32 22 35	#201623
16.7%	16.7% #382A3D	RGB 56 42 61	#382A3D
33.3%	33.3% #524157	RGB 82 65 87	#524157
50.0%	50.0% #6C5B71	RGB 108 91 113	#6C5B71
66.7%	66.7% #86788B	RGB 134 120 139	#86788B
83.3%	83.3% #A298A5	RGB 162 152 165	#A298A5
100.0%	100.0% #BFBCC0	RGB 191 188 192	#BFBCC0

#201623 #382A3D #524157 #6C5B71 #86788B #A298A5 #BFBCC0

#201623 - #6C5B71 - #BFBCC0

CSS codes

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

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