#7B9A8F - #232C28 | 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 #7B9A8F to #232C28

#7B9A8F #232C28

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

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

0.0%	0.0% #7B9A8F	RGB 123 154 143	#7B9A8F
16.7%	16.7% #6C877D	RGB 108 135 125	#6C877D
33.3%	33.3% #5D756C	RGB 93 117 108	#5D756C
50.0%	50.0% #4F635B	RGB 79 99 91	#4F635B
66.7%	66.7% #40504A	RGB 64 80 74	#40504A
83.3%	83.3% #313E39	RGB 49 62 57	#313E39
100.0%	100.0% #232C28	RGB 35 44 40	#232C28

#7B9A8F #6C877D #5D756C #4F635B #40504A #313E39 #232C28

#7B9A8F - #232C28

HSV Blend

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

0.0%	0.0% #7B9A8F	RGB 123 154 143	#7B9A8F
16.7%	16.7% #6C877D	RGB 108 135 125	#6C877D
33.3%	33.3% #5D756C	RGB 93 117 108	#5D756C
50.0%	50.0% #4E635A	RGB 78 99 90	#4E635A
66.7%	66.7% #405049	RGB 64 80 73	#405049
83.3%	83.3% #313E38	RGB 49 62 56	#313E38
100.0%	100.0% #232C28	RGB 35 44 40	#232C28

#7B9A8F #6C877D #5D756C #4E635A #405049 #313E38 #232C28

#7B9A8F - #4E635A - #232C28

CSS codes

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

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