#3CBB9C - #11352C | 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 #3CBB9C to #11352C

#3CBB9C #11352C

Calculate the color between two colors, #3CBB9C and #11352C. 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)

#3CBB9C - #11352C | 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 #3CBB9C as 0% and #11352C as 100%.

0.0%	0.0% #3CBB9C	RGB 60 187 156	#3CBB9C
16.7%	16.7% #34A489	RGB 52 164 137	#34A489
33.3%	33.3% #2D8E76	RGB 45 142 118	#2D8E76
50.0%	50.0% #267864	RGB 38 120 100	#267864
66.7%	66.7% #1F6151	RGB 31 97 81	#1F6151
83.3%	83.3% #184B3E	RGB 24 75 62	#184B3E
100.0%	100.0% #11352C	RGB 17 53 44	#11352C

#3CBB9C #34A489 #2D8E76 #267864 #1F6151 #184B3E #11352C

#3CBB9C - #11352C

HSV Blend

#3CBB9C - #11352C | 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 #3CBB9C as 0% and #11352C as 100%.

0.0%	0.0% #3CBB9C	RGB 60 187 156	#3CBB9C
16.7%	16.7% #34A489	RGB 52 164 137	#34A489
33.3%	33.3% #2D8E76	RGB 45 142 118	#2D8E76
50.0%	50.0% #267863	RGB 38 120 99	#267863
66.7%	66.7% #1F6151	RGB 31 97 81	#1F6151
83.3%	83.3% #184B3E	RGB 24 75 62	#184B3E
100.0%	100.0% #11352C	RGB 17 53 44	#11352C

#3CBB9C #34A489 #2D8E76 #267863 #1F6151 #184B3E #11352C

#3CBB9C - #267863 - #11352C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CBB9C 0%, #267863 50%, #11352C 100%);
    background: -webkit-linear-gradient(top, #3CBB9C 0%, #267863 50%, #11352C 100%);
    background: linear-gradient(to bottom, #3CBB9C 0%, #267863 50%, #11352C 100%);
}
</style>