#ABAEB6 - #DEC9BE | 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 #ABAEB6 to #DEC9BE

#ABAEB6 #DEC9BE

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

#ABAEB6 - #DEC9BE | 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 #ABAEB6 as 0% and #DEC9BE as 100%.

0.0%	0.0% #ABAEB6	RGB 171 174 182	#ABAEB6
16.7%	16.7% #B3B2B7	RGB 179 178 183	#B3B2B7
33.3%	33.3% #BCB7B8	RGB 188 183 184	#BCB7B8
50.0%	50.0% #C4BBBA	RGB 196 187 186	#C4BBBA
66.7%	66.7% #CDC0BB	RGB 205 192 187	#CDC0BB
83.3%	83.3% #D5C4BC	RGB 213 196 188	#D5C4BC
100.0%	100.0% #DEC9BE	RGB 222 201 190	#DEC9BE

#ABAEB6 #B3B2B7 #BCB7B8 #C4BBBA #CDC0BB #D5C4BC #DEC9BE

#ABAEB6 - #DEC9BE

HSV Blend

#ABAEB6 - #DEC9BE | 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 #ABAEB6 as 0% and #DEC9BE as 100%.

0.0%	0.0% #ABAEB6	RGB 171 174 182	#ABAEB6
16.7%	16.7% #B0AEBC	RGB 176 174 188	#B0AEBC
33.3%	33.3% #BCB2C3	RGB 188 178 195	#BCB2C3
50.0%	50.0% #CAB5C9	RGB 202 181 201	#CAB5C9
66.7%	66.7% #D0B8C5	RGB 208 184 197	#D0B8C5
83.3%	83.3% #D7BBBD	RGB 215 187 189	#D7BBBD
100.0%	100.0% #DEC9BE	RGB 222 201 190	#DEC9BE

#ABAEB6 #B0AEBC #BCB2C3 #CAB5C9 #D0B8C5 #D7BBBD #DEC9BE

#ABAEB6 - #CAB5C9 - #DEC9BE

CSS codes

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

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