#1ED2BC - #DBFEAD | 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 #1ED2BC to #DBFEAD

#1ED2BC #DBFEAD

Calculate the color between two colors, #1ED2BC and #DBFEAD. 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)

#1ED2BC - #DBFEAD | 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 #1ED2BC as 0% and #DBFEAD as 100%.

0.0%	0.0% #1ED2BC	RGB 30 210 188	#1ED2BC
16.7%	16.7% #3DD9B9	RGB 61 217 185	#3DD9B9
33.3%	33.3% #5DE0B7	RGB 93 224 183	#5DE0B7
50.0%	50.0% #7CE8B4	RGB 124 232 180	#7CE8B4
66.7%	66.7% #9CEFB2	RGB 156 239 178	#9CEFB2
83.3%	83.3% #BBF6AF	RGB 187 246 175	#BBF6AF
100.0%	100.0% #DBFEAD	RGB 219 254 173	#DBFEAD

#1ED2BC #3DD9B9 #5DE0B7 #7CE8B4 #9CEFB2 #BBF6AF #DBFEAD

#1ED2BC - #DBFEAD

HSV Blend

#1ED2BC - #DBFEAD | 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 #1ED2BC as 0% and #DBFEAD as 100%.

0.0%	0.0% #1ED2BB	RGB 30 210 187	#1ED2BB
16.7%	16.7% #32D99C	RGB 50 217 156	#32D99C
33.3%	33.3% #48E084	RGB 72 224 132	#48E084
50.0%	50.0% #5FE874	RGB 95 232 116	#5FE874
66.7%	66.7% #82EF78	RGB 130 239 120	#82EF78
83.3%	83.3% #B2F691	RGB 178 246 145	#B2F691
100.0%	100.0% #DBFEAD	RGB 219 254 173	#DBFEAD

#1ED2BB #32D99C #48E084 #5FE874 #82EF78 #B2F691 #DBFEAD

#1ED2BC - #5FE874 - #DBFEAD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1ED2BB 0%, #5FE874 50%, #DBFEAD 100%);
    background: -webkit-linear-gradient(top, #1ED2BB 0%, #5FE874 50%, #DBFEAD 100%);
    background: linear-gradient(to bottom, #1ED2BB 0%, #5FE874 50%, #DBFEAD 100%);
}
</style>