#A2D9D5 - #DEDADA | 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 #A2D9D5 to #DEDADA

#A2D9D5 #DEDADA

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

#A2D9D5 - #DEDADA | 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 #A2D9D5 as 0% and #DEDADA as 100%.

0.0%	0.0% #A2D9D5	RGB 162 217 213	#A2D9D5
16.7%	16.7% #ACD9D5	RGB 172 217 213	#ACD9D5
33.3%	33.3% #B6D9D6	RGB 182 217 214	#B6D9D6
50.0%	50.0% #C0D9D7	RGB 192 217 215	#C0D9D7
66.7%	66.7% #CAD9D8	RGB 202 217 216	#CAD9D8
83.3%	83.3% #D4D9D9	RGB 212 217 217	#D4D9D9
100.0%	100.0% #DEDADA	RGB 222 218 218	#DEDADA

#A2D9D5 #ACD9D5 #B6D9D6 #C0D9D7 #CAD9D8 #D4D9D9 #DEDADA

#A2D9D5 - #DEDADA

HSV Blend

#A2D9D5 - #DEDADA | 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 #A2D9D5 as 0% and #DEDADA as 100%.

0.0%	0.0% #A2D9D5	RGB 162 217 213	#A2D9D5
16.7%	16.7% #ABD9BF	RGB 171 217 191	#ABD9BF
33.3%	33.3% #B6DAB4	RGB 182 218 180	#B6DAB4
50.0%	50.0% #CDDBBD	RGB 205 219 189	#CDDBBD
66.7%	66.7% #DCDBC7	RGB 220 219 199	#DCDBC7
83.3%	83.3% #DDD6D0	RGB 221 214 208	#DDD6D0
100.0%	100.0% #DEDADA	RGB 222 218 218	#DEDADA

#A2D9D5 #ABD9BF #B6DAB4 #CDDBBD #DCDBC7 #DDD6D0 #DEDADA

#A2D9D5 - #CDDBBD - #DEDADA

CSS codes

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

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