#122F2E - #BBC3C2 | 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 #122F2E to #BBC3C2

#122F2E #BBC3C2

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

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

0.0%	0.0% #122F2E	RGB 18 47 46	#122F2E
16.7%	16.7% #2E4746	RGB 46 71 70	#2E4746
33.3%	33.3% #4A605F	RGB 74 96 95	#4A605F
50.0%	50.0% #667978	RGB 102 121 120	#667978
66.7%	66.7% #829190	RGB 130 145 144	#829190
83.3%	83.3% #9EAAA9	RGB 158 170 169	#9EAAA9
100.0%	100.0% #BBC3C2	RGB 187 195 194	#BBC3C2

#122F2E #2E4746 #4A605F #667978 #829190 #9EAAA9 #BBC3C2

#122F2E - #BBC3C2

HSV Blend

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

0.0%	0.0% #122F2D	RGB 18 47 45	#122F2D
16.7%	16.7% #224745	RGB 34 71 69	#224745
33.3%	33.3% #37605D	RGB 55 96 93	#37605D
50.0%	50.0% #517975	RGB 81 121 117	#517975
66.7%	66.7% #6F918E	RGB 111 145 142	#6F918E
83.3%	83.3% #92AAA7	RGB 146 170 167	#92AAA7
100.0%	100.0% #BBC3C2	RGB 187 195 194	#BBC3C2

#122F2D #224745 #37605D #517975 #6F918E #92AAA7 #BBC3C2

#122F2E - #517975 - #BBC3C2

CSS codes

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

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