#C0464B - #EDCACB | 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 #C0464B to #EDCACB

#C0464B #EDCACB

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

#C0464B - #EDCACB | 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 #C0464B as 0% and #EDCACB as 100%.

0.0%	0.0% #C0464B	RGB 192 70 75	#C0464B
16.7%	16.7% #C75C60	RGB 199 92 96	#C75C60
33.3%	33.3% #CF7275	RGB 207 114 117	#CF7275
50.0%	50.0% #D6888B	RGB 214 136 139	#D6888B
66.7%	66.7% #DE9EA0	RGB 222 158 160	#DE9EA0
83.3%	83.3% #E5B4B5	RGB 229 180 181	#E5B4B5
100.0%	100.0% #EDCACB	RGB 237 202 203	#EDCACB

#C0464B #C75C60 #CF7275 #D6888B #DE9EA0 #E5B4B5 #EDCACB

#C0464B - #EDCACB

HSV Blend

#C0464B - #EDCACB | 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 #C0464B as 0% and #EDCACB as 100%.

0.0%	0.0% #C0464A	RGB 192 70 74	#C0464A
16.7%	16.7% #C7585D	RGB 199 88 93	#C7585D
33.3%	33.3% #CF6D70	RGB 207 109 112	#CF6D70
50.0%	50.0% #D68285	RGB 214 130 133	#D68285
66.7%	66.7% #DE999B	RGB 222 153 155	#DE999B
83.3%	83.3% #E5B0B2	RGB 229 176 178	#E5B0B2
100.0%	100.0% #EDCACB	RGB 237 202 203	#EDCACB

#C0464A #C7585D #CF6D70 #D68285 #DE999B #E5B0B2 #EDCACB

#C0464B - #D68285 - #EDCACB

CSS codes

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

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