#ADD3AF - #D6D4D4 | 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 #ADD3AF to #D6D4D4

#ADD3AF #D6D4D4

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

#ADD3AF - #D6D4D4 | 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 #ADD3AF as 0% and #D6D4D4 as 100%.

0.0%	0.0% #ADD3AF	RGB 173 211 175	#ADD3AF
16.7%	16.7% #B3D3B5	RGB 179 211 181	#B3D3B5
33.3%	33.3% #BAD3BB	RGB 186 211 187	#BAD3BB
50.0%	50.0% #C1D3C1	RGB 193 211 193	#C1D3C1
66.7%	66.7% #C8D3C7	RGB 200 211 199	#C8D3C7
83.3%	83.3% #CFD3CD	RGB 207 211 205	#CFD3CD
100.0%	100.0% #D6D4D4	RGB 214 212 212	#D6D4D4

#ADD3AF #B3D3B5 #BAD3BB #C1D3C1 #C8D3C7 #CFD3CD #D6D4D4

#ADD3AF - #D6D4D4

HSV Blend

#ADD3AF - #D6D4D4 | 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 #ADD3AF as 0% and #D6D4D4 as 100%.

0.0%	0.0% #ADD3AF	RGB 173 211 175	#ADD3AF
16.7%	16.7% #BCD3B3	RGB 188 211 179	#BCD3B3
33.3%	33.3% #CAD4B9	RGB 202 212 185	#CAD4B9
50.0%	50.0% #D3D4C0	RGB 211 212 192	#D3D4C0
66.7%	66.7% #D5D0C6	RGB 213 208 198	#D5D0C6
83.3%	83.3% #D5D0CD	RGB 213 208 205	#D5D0CD
100.0%	100.0% #D6D4D4	RGB 214 212 212	#D6D4D4

#ADD3AF #BCD3B3 #CAD4B9 #D3D4C0 #D5D0C6 #D5D0CD #D6D4D4

#ADD3AF - #D3D4C0 - #D6D4D4

CSS codes

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

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