#C1005C - #EDB6D0 | 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 #C1005C to #EDB6D0

#C1005C #EDB6D0

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

#C1005C - #EDB6D0 | 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 #C1005C as 0% and #EDB6D0 as 100%.

0.0%	0.0% #C1005C	RGB 193 0 92	#C1005C
16.7%	16.7% #C81E6F	RGB 200 30 111	#C81E6F
33.3%	33.3% #CF3C82	RGB 207 60 130	#CF3C82
50.0%	50.0% #D75B96	RGB 215 91 150	#D75B96
66.7%	66.7% #DE79A9	RGB 222 121 169	#DE79A9
83.3%	83.3% #E597BC	RGB 229 151 188	#E597BC
100.0%	100.0% #EDB6D0	RGB 237 182 208	#EDB6D0

#C1005C #C81E6F #CF3C82 #D75B96 #DE79A9 #E597BC #EDB6D0

#C1005C - #EDB6D0

HSV Blend

#C1005C - #EDB6D0 | 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 #C1005C as 0% and #EDB6D0 as 100%.

0.0%	0.0% #C1005C	RGB 193 0 92	#C1005C
16.7%	16.7% #C8196C	RGB 200 25 108	#C8196C
33.3%	33.3% #CF357E	RGB 207 53 126	#CF357E
50.0%	50.0% #D75291	RGB 215 82 145	#D75291
66.7%	66.7% #DE71A5	RGB 222 113 165	#DE71A5
83.3%	83.3% #E592BA	RGB 229 146 186	#E592BA
100.0%	100.0% #EDB6D0	RGB 237 182 208	#EDB6D0

#C1005C #C8196C #CF357E #D75291 #DE71A5 #E592BA #EDB6D0

#C1005C - #D75291 - #EDB6D0

CSS codes

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

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