#E4ABC5 - #CDC9E3 | 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 #E4ABC5 to #CDC9E3

#E4ABC5 #CDC9E3

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

#E4ABC5 - #CDC9E3 | 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 #E4ABC5 as 0% and #CDC9E3 as 100%.

0.0%	0.0% #E4ABC5	RGB 228 171 197	#E4ABC5
16.7%	16.7% #E0B0CA	RGB 224 176 202	#E0B0CA
33.3%	33.3% #DCB5CF	RGB 220 181 207	#DCB5CF
50.0%	50.0% #D8BAD4	RGB 216 186 212	#D8BAD4
66.7%	66.7% #D4BFD9	RGB 212 191 217	#D4BFD9
83.3%	83.3% #D0C4DE	RGB 208 196 222	#D0C4DE
100.0%	100.0% #CDC9E3	RGB 205 201 227	#CDC9E3

#E4ABC5 #E0B0CA #DCB5CF #D8BAD4 #D4BFD9 #D0C4DE #CDC9E3

#E4ABC5 - #CDC9E3

HSV Blend

#E4ABC5 - #CDC9E3 | 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 #E4ABC5 as 0% and #CDC9E3 as 100%.

0.0%	0.0% #E4ABC5	RGB 228 171 197	#E4ABC5
16.7%	16.7% #E3B0D3	RGB 227 176 211	#E3B0D3
33.3%	33.3% #E3B5DF	RGB 227 181 223	#E3B5DF
50.0%	50.0% #DDBAE3	RGB 221 186 227	#DDBAE3
66.7%	66.7% #D5BFE3	RGB 213 191 227	#D5BFE3
83.3%	83.3% #D0C4E3	RGB 208 196 227	#D0C4E3
100.0%	100.0% #CDC9E3	RGB 205 201 227	#CDC9E3

#E4ABC5 #E3B0D3 #E3B5DF #DDBAE3 #D5BFE3 #D0C4E3 #CDC9E3

#E4ABC5 - #DDBAE3 - #CDC9E3

CSS codes

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

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