#C1454C - #EDC9CB | 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 #C1454C to #EDC9CB

#C1454C #EDC9CB

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

#C1454C - #EDC9CB | 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 #C1454C as 0% and #EDC9CB as 100%.

0.0%	0.0% #C1454C	RGB 193 69 76	#C1454C
16.7%	16.7% #C85B61	RGB 200 91 97	#C85B61
33.3%	33.3% #CF7176	RGB 207 113 118	#CF7176
50.0%	50.0% #D7878B	RGB 215 135 139	#D7878B
66.7%	66.7% #DE9DA0	RGB 222 157 160	#DE9DA0
83.3%	83.3% #E5B3B5	RGB 229 179 181	#E5B3B5
100.0%	100.0% #EDC9CB	RGB 237 201 203	#EDC9CB

#C1454C #C85B61 #CF7176 #D7878B #DE9DA0 #E5B3B5 #EDC9CB

#C1454C - #EDC9CB

HSV Blend

#C1454C - #EDC9CB | 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 #C1454C as 0% and #EDC9CB as 100%.

0.0%	0.0% #C1454C	RGB 193 69 76	#C1454C
16.7%	16.7% #C8585E	RGB 200 88 94	#C8585E
33.3%	33.3% #CF6C71	RGB 207 108 113	#CF6C71
50.0%	50.0% #D78186	RGB 215 129 134	#D78186
66.7%	66.7% #DE989C	RGB 222 152 156	#DE989C
83.3%	83.3% #E5B0B2	RGB 229 176 178	#E5B0B2
100.0%	100.0% #EDC9CB	RGB 237 201 203	#EDC9CB

#C1454C #C8585E #CF6C71 #D78186 #DE989C #E5B0B2 #EDC9CB

#C1454C - #D78186 - #EDC9CB

CSS codes

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

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