#E5E2E5 - #C198CB | 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 #E5E2E5 to #C198CB

#E5E2E5 #C198CB

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

#E5E2E5 - #C198CB | 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 #E5E2E5 as 0% and #C198CB as 100%.

0.0%	0.0% #E5E2E5	RGB 229 226 229	#E5E2E5
16.7%	16.7% #DFD5E0	RGB 223 213 224	#DFD5E0
33.3%	33.3% #D9C9DC	RGB 217 201 220	#D9C9DC
50.0%	50.0% #D3BDD8	RGB 211 189 216	#D3BDD8
66.7%	66.7% #CDB0D3	RGB 205 176 211	#CDB0D3
83.3%	83.3% #C7A4CF	RGB 199 164 207	#C7A4CF
100.0%	100.0% #C198CB	RGB 193 152 203	#C198CB

#E5E2E5 #DFD5E0 #D9C9DC #D3BDD8 #CDB0D3 #C7A4CF #C198CB

#E5E2E5 - #C198CB

HSV Blend

#E5E2E5 - #C198CB | 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 #E5E2E5 as 0% and #C198CB as 100%.

0.0%	0.0% #E5E2E5	RGB 229 226 229	#E5E2E5
16.7%	16.7% #E0D4E0	RGB 224 212 224	#E0D4E0
33.3%	33.3% #DBC7DC	RGB 219 199 220	#DBC7DC
50.0%	50.0% #D5BBD8	RGB 213 187 216	#D5BBD8
66.7%	66.7% #CEAFD3	RGB 206 175 211	#CEAFD3
83.3%	83.3% #C8A3CF	RGB 200 163 207	#C8A3CF
100.0%	100.0% #C198CB	RGB 193 152 203	#C198CB

#E5E2E5 #E0D4E0 #DBC7DC #D5BBD8 #CEAFD3 #C8A3CF #C198CB

#E5E2E5 - #D5BBD8 - #C198CB

CSS codes

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

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