#6A6B6D - #232E2A | 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 #6A6B6D to #232E2A

#6A6B6D #232E2A

Calculate the color between two colors, #6A6B6D and #232E2A. 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)

#6A6B6D - #232E2A | 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 #6A6B6D as 0% and #232E2A as 100%.

0.0%	0.0% #6A6B6D	RGB 106 107 109	#6A6B6D
16.7%	16.7% #5E6061	RGB 94 96 97	#5E6061
33.3%	33.3% #525656	RGB 82 86 86	#525656
50.0%	50.0% #464C4B	RGB 70 76 75	#464C4B
66.7%	66.7% #3A4240	RGB 58 66 64	#3A4240
83.3%	83.3% #2E3835	RGB 46 56 53	#2E3835
100.0%	100.0% #232E2A	RGB 35 46 42	#232E2A

#6A6B6D #5E6061 #525656 #464C4B #3A4240 #2E3835 #232E2A

#6A6B6D - #232E2A

HSV Blend

#6A6B6D - #232E2A | 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 #6A6B6D as 0% and #232E2A as 100%.

0.0%	0.0% #6A6B6D	RGB 106 107 109	#6A6B6D
16.7%	16.7% #5C5F62	RGB 92 95 98	#5C5F62
33.3%	33.3% #4F5558	RGB 79 85 88	#4F5558
50.0%	50.0% #434B4D	RGB 67 75 77	#434B4D
66.7%	66.7% #374342	RGB 55 67 66	#374342
83.3%	83.3% #2C3836	RGB 44 56 54	#2C3836
100.0%	100.0% #232E2A	RGB 35 46 42	#232E2A

#6A6B6D #5C5F62 #4F5558 #434B4D #374342 #2C3836 #232E2A

#6A6B6D - #434B4D - #232E2A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A6B6D 0%, #434B4D 50%, #232E2A 100%);
    background: -webkit-linear-gradient(top, #6A6B6D 0%, #434B4D 50%, #232E2A 100%);
    background: linear-gradient(to bottom, #6A6B6D 0%, #434B4D 50%, #232E2A 100%);
}
</style>