#ECC0C0 - #C64F4E | 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 #ECC0C0 to #C64F4E

#ECC0C0 #C64F4E

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

#ECC0C0 - #C64F4E | 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 #ECC0C0 as 0% and #C64F4E as 100%.

0.0%	0.0% #ECC0C0	RGB 236 192 192	#ECC0C0
16.7%	16.7% #E5ADAD	RGB 229 173 173	#E5ADAD
33.3%	33.3% #DF9A9A	RGB 223 154 154	#DF9A9A
50.0%	50.0% #D98787	RGB 217 135 135	#D98787
66.7%	66.7% #D27474	RGB 210 116 116	#D27474
83.3%	83.3% #CC6161	RGB 204 97 97	#CC6161
100.0%	100.0% #C64F4E	RGB 198 79 78	#C64F4E

#ECC0C0 #E5ADAD #DF9A9A #D98787 #D27474 #CC6161 #C64F4E

#ECC0C0 - #C64F4E

HSV Blend

#ECC0C0 - #C64F4E | 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 #ECC0C0 as 0% and #C64F4E as 100%.

0.0%	0.0% #ECC0C0	RGB 236 192 192	#ECC0C0
16.7%	16.7% #E5AAAA	RGB 229 170 170	#E5AAAA
33.3%	33.3% #DF9696	RGB 223 150 150	#DF9696
50.0%	50.0% #D98383	RGB 217 131 131	#D98383
66.7%	66.7% #D27170	RGB 210 113 112	#D27170
83.3%	83.3% #CC5F5E	RGB 204 95 94	#CC5F5E
100.0%	100.0% #C64F4E	RGB 198 79 78	#C64F4E

#ECC0C0 #E5AAAA #DF9696 #D98383 #D27170 #CC5F5E #C64F4E

#ECC0C0 - #D98383 - #C64F4E

CSS codes

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

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