#E5E0E4 - #C28FA2 | 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 #E5E0E4 to #C28FA2

#E5E0E4 #C28FA2

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

#E5E0E4 - #C28FA2 | 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 #E5E0E4 as 0% and #C28FA2 as 100%.

0.0%	0.0% #E5E0E4	RGB 229 224 228	#E5E0E4
16.7%	16.7% #DFD2D9	RGB 223 210 217	#DFD2D9
33.3%	33.3% #D9C5CE	RGB 217 197 206	#D9C5CE
50.0%	50.0% #D3B7C3	RGB 211 183 195	#D3B7C3
66.7%	66.7% #CDAAB8	RGB 205 170 184	#CDAAB8
83.3%	83.3% #C79CAD	RGB 199 156 173	#C79CAD
100.0%	100.0% #C28FA2	RGB 194 143 162	#C28FA2

#E5E0E4 #DFD2D9 #D9C5CE #D3B7C3 #CDAAB8 #C79CAD #C28FA2

#E5E0E4 - #C28FA2

HSV Blend

#E5E0E4 - #C28FA2 | 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 #E5E0E4 as 0% and #C28FA2 as 100%.

0.0%	0.0% #E5E0E4	RGB 229 224 228	#E5E0E4
16.7%	16.7% #DFD1DB	RGB 223 209 219	#DFD1DB
33.3%	33.3% #D9C3D1	RGB 217 195 209	#D9C3D1
50.0%	50.0% #D3B5C7	RGB 211 181 199	#D3B5C7
66.7%	66.7% #CDA8BB	RGB 205 168 187	#CDA8BB
83.3%	83.3% #C79BAF	RGB 199 155 175	#C79BAF
100.0%	100.0% #C28FA2	RGB 194 143 162	#C28FA2

#E5E0E4 #DFD1DB #D9C3D1 #D3B5C7 #CDA8BB #C79BAF #C28FA2

#E5E0E4 - #D3B5C7 - #C28FA2

CSS codes

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

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