#C9ABB5 - #EFE7EA | 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 #C9ABB5 to #EFE7EA

#C9ABB5 #EFE7EA

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

#C9ABB5 - #EFE7EA | 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 #C9ABB5 as 0% and #EFE7EA as 100%.

0.0%	0.0% #C9ABB5	RGB 201 171 181	#C9ABB5
16.7%	16.7% #CFB5BD	RGB 207 181 189	#CFB5BD
33.3%	33.3% #D5BFC6	RGB 213 191 198	#D5BFC6
50.0%	50.0% #DCC9CF	RGB 220 201 207	#DCC9CF
66.7%	66.7% #E2D3D8	RGB 226 211 216	#E2D3D8
83.3%	83.3% #E8DDE1	RGB 232 221 225	#E8DDE1
100.0%	100.0% #EFE7EA	RGB 239 231 234	#EFE7EA

#C9ABB5 #CFB5BD #D5BFC6 #DCC9CF #E2D3D8 #E8DDE1 #EFE7EA

#C9ABB5 - #EFE7EA

HSV Blend

#C9ABB5 - #EFE7EA | 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 #C9ABB5 as 0% and #EFE7EA as 100%.

0.0%	0.0% #C9ABB5	RGB 201 171 181	#C9ABB5
16.7%	16.7% #CFB4BD	RGB 207 180 189	#CFB4BD
33.3%	33.3% #D5BEC6	RGB 213 190 198	#D5BEC6
50.0%	50.0% #DCC7CF	RGB 220 199 207	#DCC7CF
66.7%	66.7% #E2D2D7	RGB 226 210 215	#E2D2D7
83.3%	83.3% #E8DCE0	RGB 232 220 224	#E8DCE0
100.0%	100.0% #EFE7EA	RGB 239 231 234	#EFE7EA

#C9ABB5 #CFB4BD #D5BEC6 #DCC7CF #E2D2D7 #E8DCE0 #EFE7EA

#C9ABB5 - #DCC7CF - #EFE7EA

CSS codes

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

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