#01C9A1 - #DFFFA9 | 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 #01C9A1 to #DFFFA9

#01C9A1 #DFFFA9

Calculate the color between two colors, #01C9A1 and #DFFFA9. 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)

#01C9A1 - #DFFFA9 | 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 #01C9A1 as 0% and #DFFFA9 as 100%.

0.0%	0.0% #01C9A1	RGB 1 201 161	#01C9A1
16.7%	16.7% #26D2A2	RGB 38 210 162	#26D2A2
33.3%	33.3% #4BDBA3	RGB 75 219 163	#4BDBA3
50.0%	50.0% #70E4A5	RGB 112 228 165	#70E4A5
66.7%	66.7% #95EDA6	RGB 149 237 166	#95EDA6
83.3%	83.3% #BAF6A7	RGB 186 246 167	#BAF6A7
100.0%	100.0% #DFFFA9	RGB 223 255 169	#DFFFA9

#01C9A1 #26D2A2 #4BDBA3 #70E4A5 #95EDA6 #BAF6A7 #DFFFA9

#01C9A1 - #DFFFA9

HSV Blend

#01C9A1 - #DFFFA9 | 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 #01C9A1 as 0% and #DFFFA9 as 100%.

0.0%	0.0% #01C9A1	RGB 1 201 161	#01C9A1
16.7%	16.7% #18D280	RGB 24 210 128	#18D280
33.3%	33.3% #31DB68	RGB 49 219 104	#31DB68
50.0%	50.0% #4CE459	RGB 76 228 89	#4CE459
66.7%	66.7% #7DED69	RGB 125 237 105	#7DED69
83.3%	83.3% #B2F688	RGB 178 246 136	#B2F688
100.0%	100.0% #DFFFA9	RGB 223 255 169	#DFFFA9

#01C9A1 #18D280 #31DB68 #4CE459 #7DED69 #B2F688 #DFFFA9

#01C9A1 - #4CE459 - #DFFFA9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #01C9A1 0%, #4CE459 50%, #DFFFA9 100%);
    background: -webkit-linear-gradient(top, #01C9A1 0%, #4CE459 50%, #DFFFA9 100%);
    background: linear-gradient(to bottom, #01C9A1 0%, #4CE459 50%, #DFFFA9 100%);
}
</style>