#7CA1A1 - #232E2E | 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 #7CA1A1 to #232E2E

#7CA1A1 #232E2E

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

#7CA1A1 - #232E2E | 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 #7CA1A1 as 0% and #232E2E as 100%.

0.0%	0.0% #7CA1A1	RGB 124 161 161	#7CA1A1
16.7%	16.7% #6D8D8D	RGB 109 141 141	#6D8D8D
33.3%	33.3% #5E7A7A	RGB 94 122 122	#5E7A7A
50.0%	50.0% #4F6767	RGB 79 103 103	#4F6767
66.7%	66.7% #405454	RGB 64 84 84	#405454
83.3%	83.3% #314141	RGB 49 65 65	#314141
100.0%	100.0% #232E2E	RGB 35 46 46	#232E2E

#7CA1A1 #6D8D8D #5E7A7A #4F6767 #405454 #314141 #232E2E

#7CA1A1 - #232E2E

HSV Blend

#7CA1A1 - #232E2E | 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 #7CA1A1 as 0% and #232E2E as 100%.

0.0%	0.0% #7CA1A1	RGB 124 161 161	#7CA1A1
16.7%	16.7% #6D8D8D	RGB 109 141 141	#6D8D8D
33.3%	33.3% #5E7A7A	RGB 94 122 122	#5E7A7A
50.0%	50.0% #4F6767	RGB 79 103 103	#4F6767
66.7%	66.7% #405454	RGB 64 84 84	#405454
83.3%	83.3% #314141	RGB 49 65 65	#314141
100.0%	100.0% #232E2E	RGB 35 46 46	#232E2E

#7CA1A1 #6D8D8D #5E7A7A #4F6767 #405454 #314141 #232E2E

#7CA1A1 - #4F6767 - #232E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7CA1A1 0%, #4F6767 50%, #232E2E 100%);
    background: -webkit-linear-gradient(top, #7CA1A1 0%, #4F6767 50%, #232E2E 100%);
    background: linear-gradient(to bottom, #7CA1A1 0%, #4F6767 50%, #232E2E 100%);
}
</style>