#D0FFFA - #61E2DA | 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 #D0FFFA to #61E2DA

#D0FFFA #61E2DA

Calculate the color between two colors, #D0FFFA and #61E2DA. 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)

#D0FFFA - #61E2DA | 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 #D0FFFA as 0% and #61E2DA as 100%.

0.0%	0.0% #D0FFFA	RGB 208 255 250	#D0FFFA
16.7%	16.7% #BDFAF4	RGB 189 250 244	#BDFAF4
33.3%	33.3% #ABF5EF	RGB 171 245 239	#ABF5EF
50.0%	50.0% #98F0EA	RGB 152 240 234	#98F0EA
66.7%	66.7% #86EBE4	RGB 134 235 228	#86EBE4
83.3%	83.3% #73E6DF	RGB 115 230 223	#73E6DF
100.0%	100.0% #61E2DA	RGB 97 226 218	#61E2DA

#D0FFFA #BDFAF4 #ABF5EF #98F0EA #86EBE4 #73E6DF #61E2DA

#D0FFFA - #61E2DA

HSV Blend

#D0FFFA - #61E2DA | 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 #D0FFFA as 0% and #61E2DA as 100%.

0.0%	0.0% #D0FFFA	RGB 208 255 250	#D0FFFA
16.7%	16.7% #BBFAF4	RGB 187 250 244	#BBFAF4
33.3%	33.3% #A8F5EE	RGB 168 245 238	#A8F5EE
50.0%	50.0% #95F0E8	RGB 149 240 232	#95F0E8
66.7%	66.7% #83EBE3	RGB 131 235 227	#83EBE3
83.3%	83.3% #71E6DE	RGB 113 230 222	#71E6DE
100.0%	100.0% #61E2DA	RGB 97 226 218	#61E2DA

#D0FFFA #BBFAF4 #A8F5EE #95F0E8 #83EBE3 #71E6DE #61E2DA

#D0FFFA - #95F0E8 - #61E2DA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D0FFFA 0%, #95F0E8 50%, #61E2DA 100%);
    background: -webkit-linear-gradient(top, #D0FFFA 0%, #95F0E8 50%, #61E2DA 100%);
    background: linear-gradient(to bottom, #D0FFFA 0%, #95F0E8 50%, #61E2DA 100%);
}
</style>