#134526 - #BBC9C0 | 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 #134526 to #BBC9C0

#134526 #BBC9C0

Calculate the color between two colors, #134526 and #BBC9C0. 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)

#134526 - #BBC9C0 | 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 #134526 as 0% and #BBC9C0 as 100%.

0.0%	0.0% #134526	RGB 19 69 38	#134526
16.7%	16.7% #2F5B3F	RGB 47 91 63	#2F5B3F
33.3%	33.3% #4B7159	RGB 75 113 89	#4B7159
50.0%	50.0% #678773	RGB 103 135 115	#678773
66.7%	66.7% #839D8C	RGB 131 157 140	#839D8C
83.3%	83.3% #9FB3A6	RGB 159 179 166	#9FB3A6
100.0%	100.0% #BBC9C0	RGB 187 201 192	#BBC9C0

#134526 #2F5B3F #4B7159 #678773 #839D8C #9FB3A6 #BBC9C0

#134526 - #BBC9C0

HSV Blend

#134526 - #BBC9C0 | 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 #134526 as 0% and #BBC9C0 as 100%.

0.0%	0.0% #134526	RGB 19 69 38	#134526
16.7%	16.7% #225B38	RGB 34 91 56	#225B38
33.3%	33.3% #37714D	RGB 55 113 77	#37714D
50.0%	50.0% #518765	RGB 81 135 101	#518765
66.7%	66.7% #6F9D80	RGB 111 157 128	#6F9D80
83.3%	83.3% #92B39E	RGB 146 179 158	#92B39E
100.0%	100.0% #BBC9C0	RGB 187 201 192	#BBC9C0

#134526 #225B38 #37714D #518765 #6F9D80 #92B39E #BBC9C0

#134526 - #518765 - #BBC9C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #134526 0%, #518765 50%, #BBC9C0 100%);
    background: -webkit-linear-gradient(top, #134526 0%, #518765 50%, #BBC9C0 100%);
    background: linear-gradient(to bottom, #134526 0%, #518765 50%, #BBC9C0 100%);
}
</style>