#11512B - #BBCDC2 | 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 #11512B to #BBCDC2

#11512B #BBCDC2

Calculate the color between two colors, #11512B and #BBCDC2. 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)

#11512B - #BBCDC2 | 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 #11512B as 0% and #BBCDC2 as 100%.

0.0%	0.0% #11512B	RGB 17 81 43	#11512B
16.7%	16.7% #2D6544	RGB 45 101 68	#2D6544
33.3%	33.3% #497A5D	RGB 73 122 93	#497A5D
50.0%	50.0% #668F76	RGB 102 143 118	#668F76
66.7%	66.7% #82A38F	RGB 130 163 143	#82A38F
83.3%	83.3% #9EB8A8	RGB 158 184 168	#9EB8A8
100.0%	100.0% #BBCDC2	RGB 187 205 194	#BBCDC2

#11512B #2D6544 #497A5D #668F76 #82A38F #9EB8A8 #BBCDC2

#11512B - #BBCDC2

HSV Blend

#11512B - #BBCDC2 | 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 #11512B as 0% and #BBCDC2 as 100%.

0.0%	0.0% #11512A	RGB 17 81 42	#11512A
16.7%	16.7% #21653C	RGB 33 101 60	#21653C
33.3%	33.3% #367A51	RGB 54 122 81	#367A51
50.0%	50.0% #508F69	RGB 80 143 105	#508F69
66.7%	66.7% #6EA383	RGB 110 163 131	#6EA383
83.3%	83.3% #92B8A1	RGB 146 184 161	#92B8A1
100.0%	100.0% #BBCDC2	RGB 187 205 194	#BBCDC2

#11512A #21653C #367A51 #508F69 #6EA383 #92B8A1 #BBCDC2

#11512B - #508F69 - #BBCDC2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11512A 0%, #508F69 50%, #BBCDC2 100%);
    background: -webkit-linear-gradient(top, #11512A 0%, #508F69 50%, #BBCDC2 100%);
    background: linear-gradient(to bottom, #11512A 0%, #508F69 50%, #BBCDC2 100%);
}
</style>