#E7CFDC - #CB7EAE | 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 #E7CFDC to #CB7EAE

#E7CFDC #CB7EAE

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

#E7CFDC - #CB7EAE | 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 #E7CFDC as 0% and #CB7EAE as 100%.

0.0%	0.0% #E7CFDC	RGB 231 207 220	#E7CFDC
16.7%	16.7% #E2C1D4	RGB 226 193 212	#E2C1D4
33.3%	33.3% #DDB4CC	RGB 221 180 204	#DDB4CC
50.0%	50.0% #D9A6C5	RGB 217 166 197	#D9A6C5
66.7%	66.7% #D499BD	RGB 212 153 189	#D499BD
83.3%	83.3% #CF8BB5	RGB 207 139 181	#CF8BB5
100.0%	100.0% #CB7EAE	RGB 203 126 174	#CB7EAE

#E7CFDC #E2C1D4 #DDB4CC #D9A6C5 #D499BD #CF8BB5 #CB7EAE

#E7CFDC - #CB7EAE

HSV Blend

#E7CFDC - #CB7EAE | 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 #E7CFDC as 0% and #CB7EAE as 100%.

0.0%	0.0% #E7CFDC	RGB 231 207 220	#E7CFDC
16.7%	16.7% #E2C0D3	RGB 226 192 211	#E2C0D3
33.3%	33.3% #DDB2CA	RGB 221 178 202	#DDB2CA
50.0%	50.0% #D9A4C3	RGB 217 164 195	#D9A4C3
66.7%	66.7% #D497BB	RGB 212 151 187	#D497BB
83.3%	83.3% #CF8AB4	RGB 207 138 180	#CF8AB4
100.0%	100.0% #CB7EAE	RGB 203 126 174	#CB7EAE

#E7CFDC #E2C0D3 #DDB2CA #D9A4C3 #D497BB #CF8AB4 #CB7EAE

#E7CFDC - #D9A4C3 - #CB7EAE

CSS codes

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

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