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

#10502B #BBCDC2

Calculate the color between two colors, #10502B 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)

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

0.0%	0.0% #10502B	RGB 16 80 43	#10502B
16.7%	16.7% #2C6444	RGB 44 100 68	#2C6444
33.3%	33.3% #49795D	RGB 73 121 93	#49795D
50.0%	50.0% #658E76	RGB 101 142 118	#658E76
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

#10502B #2C6444 #49795D #658E76 #82A38F #9EB8A8 #BBCDC2

#10502B - #BBCDC2

HSV Blend

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

0.0%	0.0% #0F502B	RGB 15 80 43	#0F502B
16.7%	16.7% #20643C	RGB 32 100 60	#20643C
33.3%	33.3% #357951	RGB 53 121 81	#357951
50.0%	50.0% #4F8E68	RGB 79 142 104	#4F8E68
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

#0F502B #20643C #357951 #4F8E68 #6EA383 #92B8A1 #BBCDC2

#10502B - #4F8E68 - #BBCDC2

CSS codes

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

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