#00DAC3 - #DAFFAF | 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 #00DAC3 to #DAFFAF

#00DAC3 #DAFFAF

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

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

0.0%	0.0% #00DAC3	RGB 0 218 195	#00DAC3
16.7%	16.7% #24E0BF	RGB 36 224 191	#24E0BF
33.3%	33.3% #48E6BC	RGB 72 230 188	#48E6BC
50.0%	50.0% #6DECB9	RGB 109 236 185	#6DECB9
66.7%	66.7% #91F2B5	RGB 145 242 181	#91F2B5
83.3%	83.3% #B5F8B2	RGB 181 248 178	#B5F8B2
100.0%	100.0% #DAFFAF	RGB 218 255 175	#DAFFAF

#00DAC3 #24E0BF #48E6BC #6DECB9 #91F2B5 #B5F8B2 #DAFFAF

#00DAC3 - #DAFFAF

HSV Blend

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

0.0%	0.0% #00DAC3	RGB 0 218 195	#00DAC3
16.7%	16.7% #19E09B	RGB 25 224 155	#19E09B
33.3%	33.3% #34E67E	RGB 52 230 126	#34E67E
50.0%	50.0% #51EC6C	RGB 81 236 108	#51EC6C
66.7%	66.7% #76F26F	RGB 118 242 111	#76F26F
83.3%	83.3% #AEF88E	RGB 174 248 142	#AEF88E
100.0%	100.0% #DAFFAF	RGB 218 255 175	#DAFFAF

#00DAC3 #19E09B #34E67E #51EC6C #76F26F #AEF88E #DAFFAF

#00DAC3 - #51EC6C - #DAFFAF

CSS codes

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

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