#ABB7AB - #D4C0DF | 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 #ABB7AB to #D4C0DF

#ABB7AB #D4C0DF

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

#ABB7AB - #D4C0DF | 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 #ABB7AB as 0% and #D4C0DF as 100%.

0.0%	0.0% #ABB7AB	RGB 171 183 171	#ABB7AB
16.7%	16.7% #B1B8B3	RGB 177 184 179	#B1B8B3
33.3%	33.3% #B8BABC	RGB 184 186 188	#B8BABC
50.0%	50.0% #BFBBC5	RGB 191 187 197	#BFBBC5
66.7%	66.7% #C6BDCD	RGB 198 189 205	#C6BDCD
83.3%	83.3% #CDBED6	RGB 205 190 214	#CDBED6
100.0%	100.0% #D4C0DF	RGB 212 192 223	#D4C0DF

#ABB7AB #B1B8B3 #B8BABC #BFBBC5 #C6BDCD #CDBED6 #D4C0DF

#ABB7AB - #D4C0DF

HSV Blend

#ABB7AB - #D4C0DF | 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 #ABB7AB as 0% and #D4C0DF as 100%.

0.0%	0.0% #ABB7AB	RGB 171 183 171	#ABB7AB
16.7%	16.7% #AEBDB5	RGB 174 189 181	#AEBDB5
33.3%	33.3% #B2C4C2	RGB 178 196 194	#B2C4C2
50.0%	50.0% #B6C4CB	RGB 182 196 203	#B6C4CB
66.7%	66.7% #B9BFD1	RGB 185 191 209	#B9BFD1
83.3%	83.3% #C2BCD8	RGB 194 188 216	#C2BCD8
100.0%	100.0% #D4C0DF	RGB 212 192 223	#D4C0DF

#ABB7AB #AEBDB5 #B2C4C2 #B6C4CB #B9BFD1 #C2BCD8 #D4C0DF

#ABB7AB - #B6C4CB - #D4C0DF

CSS codes

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

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