#221E2D - #BFBEC3 | 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 #221E2D to #BFBEC3

#221E2D #BFBEC3

Calculate the color between two colors, #221E2D and #BFBEC3. 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)

#221E2D - #BFBEC3 | 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 #221E2D as 0% and #BFBEC3 as 100%.

0.0%	0.0% #221E2D	RGB 34 30 45	#221E2D
16.7%	16.7% #3C3846	RGB 60 56 70	#3C3846
33.3%	33.3% #56535F	RGB 86 83 95	#56535F
50.0%	50.0% #706E78	RGB 112 110 120	#706E78
66.7%	66.7% #8A8891	RGB 138 136 145	#8A8891
83.3%	83.3% #A4A3AA	RGB 164 163 170	#A4A3AA
100.0%	100.0% #BFBEC3	RGB 191 190 195	#BFBEC3

#221E2D #3C3846 #56535F #706E78 #8A8891 #A4A3AA #BFBEC3

#221E2D - #BFBEC3

HSV Blend

#221E2D - #BFBEC3 | 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 #221E2D as 0% and #BFBEC3 as 100%.

0.0%	0.0% #221E2D	RGB 34 30 45	#221E2D
16.7%	16.7% #373246	RGB 55 50 70	#373246
33.3%	33.3% #4E495F	RGB 78 73 95	#4E495F
50.0%	50.0% #676278	RGB 103 98 120	#676278
66.7%	66.7% #827E91	RGB 130 126 145	#827E91
83.3%	83.3% #9F9CAA	RGB 159 156 170	#9F9CAA
100.0%	100.0% #BFBEC3	RGB 191 190 195	#BFBEC3

#221E2D #373246 #4E495F #676278 #827E91 #9F9CAA #BFBEC3

#221E2D - #676278 - #BFBEC3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #221E2D 0%, #676278 50%, #BFBEC3 100%);
    background: -webkit-linear-gradient(top, #221E2D 0%, #676278 50%, #BFBEC3 100%);
    background: linear-gradient(to bottom, #221E2D 0%, #676278 50%, #BFBEC3 100%);
}
</style>