#C11C4D - #EDBECC | 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 #C11C4D to #EDBECC

#C11C4D #EDBECC

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

#C11C4D - #EDBECC | 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 #C11C4D as 0% and #EDBECC as 100%.

0.0%	0.0% #C11C4D	RGB 193 28 77	#C11C4D
16.7%	16.7% #C83762	RGB 200 55 98	#C83762
33.3%	33.3% #CF5277	RGB 207 82 119	#CF5277
50.0%	50.0% #D76D8C	RGB 215 109 140	#D76D8C
66.7%	66.7% #DE88A1	RGB 222 136 161	#DE88A1
83.3%	83.3% #E5A3B6	RGB 229 163 182	#E5A3B6
100.0%	100.0% #EDBECC	RGB 237 190 204	#EDBECC

#C11C4D #C83762 #CF5277 #D76D8C #DE88A1 #E5A3B6 #EDBECC

#C11C4D - #EDBECC

HSV Blend

#C11C4D - #EDBECC | 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 #C11C4D as 0% and #EDBECC as 100%.

0.0%	0.0% #C11C4C	RGB 193 28 76	#C11C4C
16.7%	16.7% #C8325F	RGB 200 50 95	#C8325F
33.3%	33.3% #CF4B72	RGB 207 75 114	#CF4B72
50.0%	50.0% #D76587	RGB 215 101 135	#D76587
66.7%	66.7% #DE819D	RGB 222 129 157	#DE819D
83.3%	83.3% #E59EB4	RGB 229 158 180	#E59EB4
100.0%	100.0% #EDBECC	RGB 237 190 204	#EDBECC

#C11C4C #C8325F #CF4B72 #D76587 #DE819D #E59EB4 #EDBECC

#C11C4D - #D76587 - #EDBECC

CSS codes

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

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