#C1572B - #EDCFC2 | 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 #C1572B to #EDCFC2

#C1572B #EDCFC2

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

#C1572B - #EDCFC2 | 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 #C1572B as 0% and #EDCFC2 as 100%.

0.0%	0.0% #C1572B	RGB 193 87 43	#C1572B
16.7%	16.7% #C86B44	RGB 200 107 68	#C86B44
33.3%	33.3% #CF7F5D	RGB 207 127 93	#CF7F5D
50.0%	50.0% #D79376	RGB 215 147 118	#D79376
66.7%	66.7% #DEA78F	RGB 222 167 143	#DEA78F
83.3%	83.3% #E5BBA8	RGB 229 187 168	#E5BBA8
100.0%	100.0% #EDCFC2	RGB 237 207 194	#EDCFC2

#C1572B #C86B44 #CF7F5D #D79376 #DEA78F #E5BBA8 #EDCFC2

#C1572B - #EDCFC2

HSV Blend

#C1572B - #EDCFC2 | 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 #C1572B as 0% and #EDCFC2 as 100%.

0.0%	0.0% #C1572B	RGB 193 87 43	#C1572B
16.7%	16.7% #C86840	RGB 200 104 64	#C86840
33.3%	33.3% #CF7B57	RGB 207 123 87	#CF7B57
50.0%	50.0% #D78E6F	RGB 215 142 111	#D78E6F
66.7%	66.7% #DEA389	RGB 222 163 137	#DEA389
83.3%	83.3% #E5B8A5	RGB 229 184 165	#E5B8A5
100.0%	100.0% #EDCFC2	RGB 237 207 194	#EDCFC2

#C1572B #C86840 #CF7B57 #D78E6F #DEA389 #E5B8A5 #EDCFC2

#C1572B - #D78E6F - #EDCFC2

CSS codes

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

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