#ABBAAC - #DDDBB6 | 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 #ABBAAC to #DDDBB6

#ABBAAC #DDDBB6

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

#ABBAAC - #DDDBB6 | 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 #ABBAAC as 0% and #DDDBB6 as 100%.

0.0%	0.0% #ABBAAC	RGB 171 186 172	#ABBAAC
16.7%	16.7% #B3BFAD	RGB 179 191 173	#B3BFAD
33.3%	33.3% #BBC5AF	RGB 187 197 175	#BBC5AF
50.0%	50.0% #C4CAB1	RGB 196 202 177	#C4CAB1
66.7%	66.7% #CCD0B2	RGB 204 208 178	#CCD0B2
83.3%	83.3% #D4D5B4	RGB 212 213 180	#D4D5B4
100.0%	100.0% #DDDBB6	RGB 221 219 182	#DDDBB6

#ABBAAC #B3BFAD #BBC5AF #C4CAB1 #CCD0B2 #D4D5B4 #DDDBB6

#ABBAAC - #DDDBB6

HSV Blend

#ABBAAC - #DDDBB6 | 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 #ABBAAC as 0% and #DDDBB6 as 100%.

0.0%	0.0% #ABBAAC	RGB 171 186 172	#ABBAAC
16.7%	16.7% #AFBFAD	RGB 175 191 173	#AFBFAD
33.3%	33.3% #B6C5AF	RGB 182 197 175	#B6C5AF
50.0%	50.0% #BECBB1	RGB 190 203 177	#BECBB1
66.7%	66.7% #C7D1B3	RGB 199 209 179	#C7D1B3
83.3%	83.3% #D2D7B4	RGB 210 215 180	#D2D7B4
100.0%	100.0% #DDDBB6	RGB 221 219 182	#DDDBB6

#ABBAAC #AFBFAD #B6C5AF #BECBB1 #C7D1B3 #D2D7B4 #DDDBB6

#ABBAAC - #BECBB1 - #DDDBB6

CSS codes

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

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