#00DBE3 - #DFFFCF | 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 #00DBE3 to #DFFFCF

#00DBE3 #DFFFCF

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

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

0.0%	0.0% #00DBE3	RGB 0 219 227	#00DBE3
16.7%	16.7% #25E1DF	RGB 37 225 223	#25E1DF
33.3%	33.3% #4AE7DC	RGB 74 231 220	#4AE7DC
50.0%	50.0% #6FEDD9	RGB 111 237 217	#6FEDD9
66.7%	66.7% #94F3D5	RGB 148 243 213	#94F3D5
83.3%	83.3% #B9F9D2	RGB 185 249 210	#B9F9D2
100.0%	100.0% #DFFFCF	RGB 223 255 207	#DFFFCF

#00DBE3 #25E1DF #4AE7DC #6FEDD9 #94F3D5 #B9F9D2 #DFFFCF

#00DBE3 - #DFFFCF

HSV Blend

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

0.0%	0.0% #00DAE3	RGB 0 218 227	#00DAE3
16.7%	16.7% #1FE7C1	RGB 31 231 193	#1FE7C1
33.3%	33.3% #3FECA3	RGB 63 236 163	#3FECA3
50.0%	50.0% #61F194	RGB 97 241 148	#61F194
66.7%	66.7% #84F592	RGB 132 245 146	#84F592
83.3%	83.3% #B1FAA9	RGB 177 250 169	#B1FAA9
100.0%	100.0% #DFFFCF	RGB 223 255 207	#DFFFCF

#00DAE3 #1FE7C1 #3FECA3 #61F194 #84F592 #B1FAA9 #DFFFCF

#00DBE3 - #61F194 - #DFFFCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00DAE3 0%, #61F194 50%, #DFFFCF 100%);
    background: -webkit-linear-gradient(top, #00DAE3 0%, #61F194 50%, #DFFFCF 100%);
    background: linear-gradient(to bottom, #00DAE3 0%, #61F194 50%, #DFFFCF 100%);
}
</style>