#1E2124 - #BEBFC0 | 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 #1E2124 to #BEBFC0

#1E2124 #BEBFC0

Calculate the color between two colors, #1E2124 and #BEBFC0. 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)

#1E2124 - #BEBFC0 | 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 #1E2124 as 0% and #BEBFC0 as 100%.

0.0%	0.0% #1E2124	RGB 30 33 36	#1E2124
16.7%	16.7% #383B3E	RGB 56 59 62	#383B3E
33.3%	33.3% #535558	RGB 83 85 88	#535558
50.0%	50.0% #6E7072	RGB 110 112 114	#6E7072
66.7%	66.7% #888A8C	RGB 136 138 140	#888A8C
83.3%	83.3% #A3A4A6	RGB 163 164 166	#A3A4A6
100.0%	100.0% #BEBFC0	RGB 190 191 192	#BEBFC0

#1E2124 #383B3E #535558 #6E7072 #888A8C #A3A4A6 #BEBFC0

#1E2124 - #BEBFC0

HSV Blend

#1E2124 - #BEBFC0 | 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 #1E2124 as 0% and #BEBFC0 as 100%.

0.0%	0.0% #1E2124	RGB 30 33 36	#1E2124
16.7%	16.7% #35393E	RGB 53 57 62	#35393E
33.3%	33.3% #4D5258	RGB 77 82 88	#4D5258
50.0%	50.0% #676C72	RGB 103 108 114	#676C72
66.7%	66.7% #83878C	RGB 131 135 140	#83878C
83.3%	83.3% #9FA2A6	RGB 159 162 166	#9FA2A6
100.0%	100.0% #BEBFC0	RGB 190 191 192	#BEBFC0

#1E2124 #35393E #4D5258 #676C72 #83878C #9FA2A6 #BEBFC0

#1E2124 - #676C72 - #BEBFC0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2124 0%, #676C72 50%, #BEBFC0 100%);
    background: -webkit-linear-gradient(top, #1E2124 0%, #676C72 50%, #BEBFC0 100%);
    background: linear-gradient(to bottom, #1E2124 0%, #676C72 50%, #BEBFC0 100%);
}
</style>