#10D4D4 - #BAF2F2 | 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 #10D4D4 to #BAF2F2

#10D4D4 #BAF2F2

Calculate the color between two colors, #10D4D4 and #BAF2F2. 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)

#10D4D4 - #BAF2F2 | 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 #10D4D4 as 0% and #BAF2F2 as 100%.

0.0%	0.0% #10D4D4	RGB 16 212 212	#10D4D4
16.7%	16.7% #2CD9D9	RGB 44 217 217	#2CD9D9
33.3%	33.3% #48DEDE	RGB 72 222 222	#48DEDE
50.0%	50.0% #65E3E3	RGB 101 227 227	#65E3E3
66.7%	66.7% #81E8E8	RGB 129 232 232	#81E8E8
83.3%	83.3% #9DEDED	RGB 157 237 237	#9DEDED
100.0%	100.0% #BAF2F2	RGB 186 242 242	#BAF2F2

#10D4D4 #2CD9D9 #48DEDE #65E3E3 #81E8E8 #9DEDED #BAF2F2

#10D4D4 - #BAF2F2

HSV Blend

#10D4D4 - #BAF2F2 | 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 #10D4D4 as 0% and #BAF2F2 as 100%.

0.0%	0.0% #10D4D4	RGB 16 212 212	#10D4D4
16.7%	16.7% #29D9D9	RGB 41 217 217	#29D9D9
33.3%	33.3% #44DEDE	RGB 68 222 222	#44DEDE
50.0%	50.0% #5FE3E3	RGB 95 227 227	#5FE3E3
66.7%	66.7% #7CE8E8	RGB 124 232 232	#7CE8E8
83.3%	83.3% #9AEDED	RGB 154 237 237	#9AEDED
100.0%	100.0% #BAF2F2	RGB 186 242 242	#BAF2F2

#10D4D4 #29D9D9 #44DEDE #5FE3E3 #7CE8E8 #9AEDED #BAF2F2

#10D4D4 - #5FE3E3 - #BAF2F2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #10D4D4 0%, #5FE3E3 50%, #BAF2F2 100%);
    background: -webkit-linear-gradient(top, #10D4D4 0%, #5FE3E3 50%, #BAF2F2 100%);
    background: linear-gradient(to bottom, #10D4D4 0%, #5FE3E3 50%, #BAF2F2 100%);
}
</style>