#A1D9AB - #CDFABE | 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 #A1D9AB to #CDFABE

#A1D9AB #CDFABE

Calculate the color between two colors, #A1D9AB and #CDFABE. 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)

#A1D9AB - #CDFABE | 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 #A1D9AB as 0% and #CDFABE as 100%.

0.0%	0.0% #A1D9AB	RGB 161 217 171	#A1D9AB
16.7%	16.7% #A8DEAE	RGB 168 222 174	#A8DEAE
33.3%	33.3% #AFE4B1	RGB 175 228 177	#AFE4B1
50.0%	50.0% #B7E9B4	RGB 183 233 180	#B7E9B4
66.7%	66.7% #BEEFB7	RGB 190 239 183	#BEEFB7
83.3%	83.3% #C5F4BA	RGB 197 244 186	#C5F4BA
100.0%	100.0% #CDFABE	RGB 205 250 190	#CDFABE

#A1D9AB #A8DEAE #AFE4B1 #B7E9B4 #BEEFB7 #C5F4BA #CDFABE

#A1D9AB - #CDFABE

HSV Blend

#A1D9AB - #CDFABE | 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 #A1D9AB as 0% and #CDFABE as 100%.

0.0%	0.0% #A1D9AB	RGB 161 217 171	#A1D9AB
16.7%	16.7% #A5DEAB	RGB 165 222 171	#A5DEAB
33.3%	33.3% #AAE4AC	RGB 170 228 172	#AAE4AC
50.0%	50.0% #B1E9AF	RGB 177 233 175	#B1E9AF
66.7%	66.7% #BAEFB4	RGB 186 239 180	#BAEFB4
83.3%	83.3% #C3F4B9	RGB 195 244 185	#C3F4B9
100.0%	100.0% #CDFABE	RGB 205 250 190	#CDFABE

#A1D9AB #A5DEAB #AAE4AC #B1E9AF #BAEFB4 #C3F4B9 #CDFABE

#A1D9AB - #B1E9AF - #CDFABE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1D9AB 0%, #B1E9AF 50%, #CDFABE 100%);
    background: -webkit-linear-gradient(top, #A1D9AB 0%, #B1E9AF 50%, #CDFABE 100%);
    background: linear-gradient(to bottom, #A1D9AB 0%, #B1E9AF 50%, #CDFABE 100%);
}
</style>