#E3CFE2 - #C171A0 | 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 #E3CFE2 to #C171A0

#E3CFE2 #C171A0

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

#E3CFE2 - #C171A0 | 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 #E3CFE2 as 0% and #C171A0 as 100%.

0.0%	0.0% #E3CFE2	RGB 227 207 226	#E3CFE2
16.7%	16.7% #DDBFD7	RGB 221 191 215	#DDBFD7
33.3%	33.3% #D7AFCC	RGB 215 175 204	#D7AFCC
50.0%	50.0% #D2A0C1	RGB 210 160 193	#D2A0C1
66.7%	66.7% #CC90B6	RGB 204 144 182	#CC90B6
83.3%	83.3% #C680AB	RGB 198 128 171	#C680AB
100.0%	100.0% #C171A0	RGB 193 113 160	#C171A0

#E3CFE2 #DDBFD7 #D7AFCC #D2A0C1 #CC90B6 #C680AB #C171A0

#E3CFE2 - #C171A0

HSV Blend

#E3CFE2 - #C171A0 | 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 #E3CFE2 as 0% and #C171A0 as 100%.

0.0%	0.0% #E3CFE2	RGB 227 207 226	#E3CFE2
16.7%	16.7% #DDBDD9	RGB 221 189 217	#DDBDD9
33.3%	33.3% #D7ADD0	RGB 215 173 208	#D7ADD0
50.0%	50.0% #D29DC5	RGB 210 157 197	#D29DC5
66.7%	66.7% #CC8DBA	RGB 204 141 186	#CC8DBA
83.3%	83.3% #C67FAD	RGB 198 127 173	#C67FAD
100.0%	100.0% #C171A0	RGB 193 113 160	#C171A0

#E3CFE2 #DDBDD9 #D7ADD0 #D29DC5 #CC8DBA #C67FAD #C171A0

#E3CFE2 - #D29DC5 - #C171A0

CSS codes

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

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