#00DBC3 - #DCFFAF | 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 #00DBC3 to #DCFFAF

#00DBC3 #DCFFAF

Calculate the color between two colors, #00DBC3 and #DCFFAF. 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)

#00DBC3 - #DCFFAF | 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 #00DBC3 as 0% and #DCFFAF as 100%.

0.0%	0.0% #00DBC3	RGB 0 219 195	#00DBC3
16.7%	16.7% #24E1BF	RGB 36 225 191	#24E1BF
33.3%	33.3% #49E7BC	RGB 73 231 188	#49E7BC
50.0%	50.0% #6EEDB9	RGB 110 237 185	#6EEDB9
66.7%	66.7% #92F3B5	RGB 146 243 181	#92F3B5
83.3%	83.3% #B7F9B2	RGB 183 249 178	#B7F9B2
100.0%	100.0% #DCFFAF	RGB 220 255 175	#DCFFAF

#00DBC3 #24E1BF #49E7BC #6EEDB9 #92F3B5 #B7F9B2 #DCFFAF

#00DBC3 - #DCFFAF

HSV Blend

#00DBC3 - #DCFFAF | 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 #00DBC3 as 0% and #DCFFAF as 100%.

0.0%	0.0% #00DBC3	RGB 0 219 195	#00DBC3
16.7%	16.7% #19E19A	RGB 25 225 154	#19E19A
33.3%	33.3% #34E77D	RGB 52 231 125	#34E77D
50.0%	50.0% #51ED6A	RGB 81 237 106	#51ED6A
66.7%	66.7% #79F36F	RGB 121 243 111	#79F36F
83.3%	83.3% #B0F98E	RGB 176 249 142	#B0F98E
100.0%	100.0% #DCFFAF	RGB 220 255 175	#DCFFAF

#00DBC3 #19E19A #34E77D #51ED6A #79F36F #B0F98E #DCFFAF

#00DBC3 - #51ED6A - #DCFFAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DBC3 0%, #51ED6A 50%, #DCFFAF 100%);
    background: -webkit-linear-gradient(top, #00DBC3 0%, #51ED6A 50%, #DCFFAF 100%);
    background: linear-gradient(to bottom, #00DBC3 0%, #51ED6A 50%, #DCFFAF 100%);
}
</style>