#ECC0CF - #C64E77 | 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 #ECC0CF to #C64E77

#ECC0CF #C64E77

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

#ECC0CF - #C64E77 | 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 #ECC0CF as 0% and #C64E77 as 100%.

0.0%	0.0% #ECC0CF	RGB 236 192 207	#ECC0CF
16.7%	16.7% #E5ADC0	RGB 229 173 192	#E5ADC0
33.3%	33.3% #DF9AB1	RGB 223 154 177	#DF9AB1
50.0%	50.0% #D987A3	RGB 217 135 163	#D987A3
66.7%	66.7% #D27494	RGB 210 116 148	#D27494
83.3%	83.3% #CC6185	RGB 204 97 133	#CC6185
100.0%	100.0% #C64E77	RGB 198 78 119	#C64E77

#ECC0CF #E5ADC0 #DF9AB1 #D987A3 #D27494 #CC6185 #C64E77

#ECC0CF - #C64E77

HSV Blend

#ECC0CF - #C64E77 | 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 #ECC0CF as 0% and #C64E77 as 100%.

0.0%	0.0% #ECC0CF	RGB 236 192 207	#ECC0CF
16.7%	16.7% #E5AABE	RGB 229 170 190	#E5AABE
33.3%	33.3% #DF96AF	RGB 223 150 175	#DF96AF
50.0%	50.0% #D983A0	RGB 217 131 160	#D983A0
66.7%	66.7% #D27091	RGB 210 112 145	#D27091
83.3%	83.3% #CC5E84	RGB 204 94 132	#CC5E84
100.0%	100.0% #C64E77	RGB 198 78 119	#C64E77

#ECC0CF #E5AABE #DF96AF #D983A0 #D27091 #CC5E84 #C64E77

#ECC0CF - #D983A0 - #C64E77

CSS codes

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

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