#48F2F2 - #DBECB6 | 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 #48F2F2 to #DBECB6

#48F2F2 #DBECB6

Calculate the color between two colors, #48F2F2 and #DBECB6. 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)

#48F2F2 - #DBECB6 | 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 #48F2F2 as 0% and #DBECB6 as 100%.

0.0%	0.0% #48F2F2	RGB 72 242 242	#48F2F2
16.7%	16.7% #60F1E8	RGB 96 241 232	#60F1E8
33.3%	33.3% #79F0DE	RGB 121 240 222	#79F0DE
50.0%	50.0% #91EFD4	RGB 145 239 212	#91EFD4
66.7%	66.7% #AAEECA	RGB 170 238 202	#AAEECA
83.3%	83.3% #C2EDC0	RGB 194 237 192	#C2EDC0
100.0%	100.0% #DBECB6	RGB 219 236 182	#DBECB6

#48F2F2 #60F1E8 #79F0DE #91EFD4 #AAEECA #C2EDC0 #DBECB6

#48F2F2 - #DBECB6

HSV Blend

#48F2F2 - #DBECB6 | 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 #48F2F2 as 0% and #DBECB6 as 100%.

0.0%	0.0% #47F2F2	RGB 71 242 242	#47F2F2
16.7%	16.7% #5AF1C6	RGB 90 241 198	#5AF1C6
33.3%	33.3% #6DF0A6	RGB 109 240 166	#6DF0A6
50.0%	50.0% #7FEF91	RGB 127 239 145	#7FEF91
66.7%	66.7% #9DEE91	RGB 157 238 145	#9DEE91
83.3%	83.3% #C1EDA4	RGB 193 237 164	#C1EDA4
100.0%	100.0% #DBECB6	RGB 219 236 182	#DBECB6

#47F2F2 #5AF1C6 #6DF0A6 #7FEF91 #9DEE91 #C1EDA4 #DBECB6

#48F2F2 - #7FEF91 - #DBECB6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47F2F2 0%, #7FEF91 50%, #DBECB6 100%);
    background: -webkit-linear-gradient(top, #47F2F2 0%, #7FEF91 50%, #DBECB6 100%);
    background: linear-gradient(to bottom, #47F2F2 0%, #7FEF91 50%, #DBECB6 100%);
}
</style>