#C5A8AE - #E8B7F2 | 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 #C5A8AE to #E8B7F2

#C5A8AE #E8B7F2

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

#C5A8AE - #E8B7F2 | 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 #C5A8AE as 0% and #E8B7F2 as 100%.

0.0%	0.0% #C5A8AE	RGB 197 168 174	#C5A8AE
16.7%	16.7% #CAAAB9	RGB 202 170 185	#CAAAB9
33.3%	33.3% #D0ADC4	RGB 208 173 196	#D0ADC4
50.0%	50.0% #D6AFD0	RGB 214 175 208	#D6AFD0
66.7%	66.7% #DCB2DB	RGB 220 178 219	#DCB2DB
83.3%	83.3% #E2B4E6	RGB 226 180 230	#E2B4E6
100.0%	100.0% #E8B7F2	RGB 232 183 242	#E8B7F2

#C5A8AE #CAAAB9 #D0ADC4 #D6AFD0 #DCB2DB #E2B4E6 #E8B7F2

#C5A8AE - #E8B7F2

HSV Blend

#C5A8AE - #E8B7F2 | 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 #C5A8AE as 0% and #E8B7F2 as 100%.

0.0%	0.0% #C5A8AE	RGB 197 168 174	#C5A8AE
16.7%	16.7% #CCABB7	RGB 204 171 183	#CCABB7
33.3%	33.3% #D4ADC2	RGB 212 173 194	#D4ADC2
50.0%	50.0% #DBB0CE	RGB 219 176 206	#DBB0CE
66.7%	66.7% #E3B2DB	RGB 227 178 219	#E3B2DB
83.3%	83.3% #EAB5EA	RGB 234 181 234	#EAB5EA
100.0%	100.0% #E8B7F2	RGB 232 183 242	#E8B7F2

#C5A8AE #CCABB7 #D4ADC2 #DBB0CE #E3B2DB #EAB5EA #E8B7F2

#C5A8AE - #DBB0CE - #E8B7F2

CSS codes

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

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