#122F26 - #BBC3C0 | 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 #122F26 to #BBC3C0

#122F26 #BBC3C0

Calculate the color between two colors, #122F26 and #BBC3C0. 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)

#122F26 - #BBC3C0 | 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 #122F26 as 0% and #BBC3C0 as 100%.

0.0%	0.0% #122F26	RGB 18 47 38	#122F26
16.7%	16.7% #2E473F	RGB 46 71 63	#2E473F
33.3%	33.3% #4A6059	RGB 74 96 89	#4A6059
50.0%	50.0% #667973	RGB 102 121 115	#667973
66.7%	66.7% #82918C	RGB 130 145 140	#82918C
83.3%	83.3% #9EAAA6	RGB 158 170 166	#9EAAA6
100.0%	100.0% #BBC3C0	RGB 187 195 192	#BBC3C0

#122F26 #2E473F #4A6059 #667973 #82918C #9EAAA6 #BBC3C0

#122F26 - #BBC3C0

HSV Blend

#122F26 - #BBC3C0 | 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 #122F26 as 0% and #BBC3C0 as 100%.

0.0%	0.0% #122F26	RGB 18 47 38	#122F26
16.7%	16.7% #22473B	RGB 34 71 59	#22473B
33.3%	33.3% #376052	RGB 55 96 82	#376052
50.0%	50.0% #51796B	RGB 81 121 107	#51796B
66.7%	66.7% #6F9185	RGB 111 145 133	#6F9185
83.3%	83.3% #92AAA1	RGB 146 170 161	#92AAA1
100.0%	100.0% #BBC3C0	RGB 187 195 192	#BBC3C0

#122F26 #22473B #376052 #51796B #6F9185 #92AAA1 #BBC3C0

#122F26 - #51796B - #BBC3C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #122F26 0%, #51796B 50%, #BBC3C0 100%);
    background: -webkit-linear-gradient(top, #122F26 0%, #51796B 50%, #BBC3C0 100%);
    background: linear-gradient(to bottom, #122F26 0%, #51796B 50%, #BBC3C0 100%);
}
</style>