#ECCFE4 - #C872A1 | 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 #ECCFE4 to #C872A1

#ECCFE4 #C872A1

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

#ECCFE4 - #C872A1 | 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 #ECCFE4 as 0% and #C872A1 as 100%.

0.0%	0.0% #ECCFE4	RGB 236 207 228	#ECCFE4
16.7%	16.7% #E6BFD8	RGB 230 191 216	#E6BFD8
33.3%	33.3% #E0B0CD	RGB 224 176 205	#E0B0CD
50.0%	50.0% #DAA0C2	RGB 218 160 194	#DAA0C2
66.7%	66.7% #D491B7	RGB 212 145 183	#D491B7
83.3%	83.3% #CE81AC	RGB 206 129 172	#CE81AC
100.0%	100.0% #C872A1	RGB 200 114 161	#C872A1

#ECCFE4 #E6BFD8 #E0B0CD #DAA0C2 #D491B7 #CE81AC #C872A1

#ECCFE4 - #C872A1

HSV Blend

#ECCFE4 - #C872A1 | 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 #ECCFE4 as 0% and #C872A1 as 100%.

0.0%	0.0% #ECCFE4	RGB 236 207 228	#ECCFE4
16.7%	16.7% #E6BDD9	RGB 230 189 217	#E6BDD9
33.3%	33.3% #E0ADCF	RGB 224 173 207	#E0ADCF
50.0%	50.0% #DA9DC4	RGB 218 157 196	#DA9DC4
66.7%	66.7% #D48EB8	RGB 212 142 184	#D48EB8
83.3%	83.3% #CE7FAC	RGB 206 127 172	#CE7FAC
100.0%	100.0% #C872A1	RGB 200 114 161	#C872A1

#ECCFE4 #E6BDD9 #E0ADCF #DA9DC4 #D48EB8 #CE7FAC #C872A1

#ECCFE4 - #DA9DC4 - #C872A1

CSS codes

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

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