#C1325B - #EDC4D0 | 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 #C1325B to #EDC4D0

#C1325B #EDC4D0

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

#C1325B - #EDC4D0 | 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 #C1325B as 0% and #EDC4D0 as 100%.

0.0%	0.0% #C1325B	RGB 193 50 91	#C1325B
16.7%	16.7% #C84A6E	RGB 200 74 110	#C84A6E
33.3%	33.3% #CF6282	RGB 207 98 130	#CF6282
50.0%	50.0% #D77B95	RGB 215 123 149	#D77B95
66.7%	66.7% #DE93A9	RGB 222 147 169	#DE93A9
83.3%	83.3% #E5ABBC	RGB 229 171 188	#E5ABBC
100.0%	100.0% #EDC4D0	RGB 237 196 208	#EDC4D0

#C1325B #C84A6E #CF6282 #D77B95 #DE93A9 #E5ABBC #EDC4D0

#C1325B - #EDC4D0

HSV Blend

#C1325B - #EDC4D0 | 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 #C1325B as 0% and #EDC4D0 as 100%.

0.0%	0.0% #C1325A	RGB 193 50 90	#C1325A
16.7%	16.7% #C8466C	RGB 200 70 108	#C8466C
33.3%	33.3% #CF5D7E	RGB 207 93 126	#CF5D7E
50.0%	50.0% #D77491	RGB 215 116 145	#D77491
66.7%	66.7% #DE8DA5	RGB 222 141 165	#DE8DA5
83.3%	83.3% #E5A8BA	RGB 229 168 186	#E5A8BA
100.0%	100.0% #EDC4D0	RGB 237 196 208	#EDC4D0

#C1325A #C8466C #CF5D7E #D77491 #DE8DA5 #E5A8BA #EDC4D0

#C1325B - #D77491 - #EDC4D0

CSS codes

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

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