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

#C1015C #EDB6D0

Calculate the color between two colors, #C1015C 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)

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

0.0%	0.0% #C1015C	RGB 193 1 92	#C1015C
16.7%	16.7% #C81F6F	RGB 200 31 111	#C81F6F
33.3%	33.3% #CF3D82	RGB 207 61 130	#CF3D82
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

#C1015C #C81F6F #CF3D82 #D75B96 #DE79A9 #E597BC #EDB6D0

#C1015C - #EDB6D0

HSV Blend

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

0.0%	0.0% #C1015B	RGB 193 1 91	#C1015B
16.7%	16.7% #C81A6C	RGB 200 26 108	#C81A6C
33.3%	33.3% #CF357E	RGB 207 53 126	#CF357E
50.0%	50.0% #D75391	RGB 215 83 145	#D75391
66.7%	66.7% #DE72A5	RGB 222 114 165	#DE72A5
83.3%	83.3% #E593BA	RGB 229 147 186	#E593BA
100.0%	100.0% #EDB6D0	RGB 237 182 208	#EDB6D0

#C1015B #C81A6C #CF357E #D75391 #DE72A5 #E593BA #EDB6D0

#C1015C - #D75391 - #EDB6D0

CSS codes

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

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