#2CB6B6 - #BCECAF | 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 #2CB6B6 to #BCECAF

#2CB6B6 #BCECAF

Calculate the color between two colors, #2CB6B6 and #BCECAF. 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)

#2CB6B6 - #BCECAF | 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 #2CB6B6 as 0% and #BCECAF as 100%.

0.0%	0.0% #2CB6B6	RGB 44 182 182	#2CB6B6
16.7%	16.7% #44BFB4	RGB 68 191 180	#44BFB4
33.3%	33.3% #5CC8B3	RGB 92 200 179	#5CC8B3
50.0%	50.0% #74D1B2	RGB 116 209 178	#74D1B2
66.7%	66.7% #8CDAB1	RGB 140 218 177	#8CDAB1
83.3%	83.3% #A4E3B0	RGB 164 227 176	#A4E3B0
100.0%	100.0% #BCECAF	RGB 188 236 175	#BCECAF

#2CB6B6 #44BFB4 #5CC8B3 #74D1B2 #8CDAB1 #A4E3B0 #BCECAF

#2CB6B6 - #BCECAF

HSV Blend

#2CB6B6 - #BCECAF | 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 #2CB6B6 as 0% and #BCECAF as 100%.

0.0%	0.0% #2BB6B6	RGB 43 182 182	#2BB6B6
16.7%	16.7% #3EBFA4	RGB 62 191 164	#3EBFA4
33.3%	33.3% #51C898	RGB 81 200 152	#51C898
50.0%	50.0% #66D190	RGB 102 209 144	#66D190
66.7%	66.7% #7DDA8F	RGB 125 218 143	#7DDA8F
83.3%	83.3% #96E395	RGB 150 227 149	#96E395
100.0%	100.0% #BCECAF	RGB 188 236 175	#BCECAF

#2BB6B6 #3EBFA4 #51C898 #66D190 #7DDA8F #96E395 #BCECAF

#2CB6B6 - #66D190 - #BCECAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2BB6B6 0%, #66D190 50%, #BCECAF 100%);
    background: -webkit-linear-gradient(top, #2BB6B6 0%, #66D190 50%, #BCECAF 100%);
    background: linear-gradient(to bottom, #2BB6B6 0%, #66D190 50%, #BCECAF 100%);
}
</style>