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

#1E2324 #BEBFC0

Calculate the color between two colors, #1E2324 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)

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

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #383D3E	RGB 56 61 62	#383D3E
33.3%	33.3% #535758	RGB 83 87 88	#535758
50.0%	50.0% #6E7172	RGB 110 113 114	#6E7172
66.7%	66.7% #888B8C	RGB 136 139 140	#888B8C
83.3%	83.3% #A3A5A6	RGB 163 165 166	#A3A5A6
100.0%	100.0% #BEBFC0	RGB 190 191 192	#BEBFC0

#1E2324 #383D3E #535758 #6E7172 #888B8C #A3A5A6 #BEBFC0

#1E2324 - #BEBFC0

HSV Blend

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

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #353C3E	RGB 53 60 62	#353C3E
33.3%	33.3% #4D5558	RGB 77 85 88	#4D5558
50.0%	50.0% #676E72	RGB 103 110 114	#676E72
66.7%	66.7% #83888C	RGB 131 136 140	#83888C
83.3%	83.3% #9FA3A6	RGB 159 163 166	#9FA3A6
100.0%	100.0% #BEBFC0	RGB 190 191 192	#BEBFC0

#1E2324 #353C3E #4D5558 #676E72 #83888C #9FA3A6 #BEBFC0

#1E2324 - #676E72 - #BEBFC0

CSS codes

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

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