#99B5A8 - #2B3330 | 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 #99B5A8 to #2B3330

#99B5A8 #2B3330

Calculate the color between two colors, #99B5A8 and #2B3330. 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)

#99B5A8 - #2B3330 | 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 #99B5A8 as 0% and #2B3330 as 100%.

0.0%	0.0% #99B5A8	RGB 153 181 168	#99B5A8
16.7%	16.7% #869F94	RGB 134 159 148	#869F94
33.3%	33.3% #748980	RGB 116 137 128	#748980
50.0%	50.0% #62746C	RGB 98 116 108	#62746C
66.7%	66.7% #4F5E58	RGB 79 94 88	#4F5E58
83.3%	83.3% #3D4844	RGB 61 72 68	#3D4844
100.0%	100.0% #2B3330	RGB 43 51 48	#2B3330

#99B5A8 #869F94 #748980 #62746C #4F5E58 #3D4844 #2B3330

#99B5A8 - #2B3330

HSV Blend

#99B5A8 - #2B3330 | 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 #99B5A8 as 0% and #2B3330 as 100%.

0.0%	0.0% #99B5A8	RGB 153 181 168	#99B5A8
16.7%	16.7% #869F94	RGB 134 159 148	#869F94
33.3%	33.3% #748980	RGB 116 137 128	#748980
50.0%	50.0% #61746C	RGB 97 116 108	#61746C
66.7%	66.7% #4F5E58	RGB 79 94 88	#4F5E58
83.3%	83.3% #3D4844	RGB 61 72 68	#3D4844
100.0%	100.0% #2B3330	RGB 43 51 48	#2B3330

#99B5A8 #869F94 #748980 #61746C #4F5E58 #3D4844 #2B3330

#99B5A8 - #61746C - #2B3330

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #99B5A8 0%, #61746C 50%, #2B3330 100%);
    background: -webkit-linear-gradient(top, #99B5A8 0%, #61746C 50%, #2B3330 100%);
    background: linear-gradient(to bottom, #99B5A8 0%, #61746C 50%, #2B3330 100%);
}
</style>