#C3065C - #EDB7D0 | 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 #C3065C to #EDB7D0

#C3065C #EDB7D0

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

#C3065C - #EDB7D0 | 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 #C3065C as 0% and #EDB7D0 as 100%.

0.0%	0.0% #C3065C	RGB 195 6 92	#C3065C
16.7%	16.7% #CA236F	RGB 202 35 111	#CA236F
33.3%	33.3% #D14182	RGB 209 65 130	#D14182
50.0%	50.0% #D85E96	RGB 216 94 150	#D85E96
66.7%	66.7% #DF7CA9	RGB 223 124 169	#DF7CA9
83.3%	83.3% #E699BC	RGB 230 153 188	#E699BC
100.0%	100.0% #EDB7D0	RGB 237 183 208	#EDB7D0

#C3065C #CA236F #D14182 #D85E96 #DF7CA9 #E699BC #EDB7D0

#C3065C - #EDB7D0

HSV Blend

#C3065C - #EDB7D0 | 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 #C3065C as 0% and #EDB7D0 as 100%.

0.0%	0.0% #C3065B	RGB 195 6 91	#C3065B
16.7%	16.7% #CA1F6D	RGB 202 31 109	#CA1F6D
33.3%	33.3% #D13A7F	RGB 209 58 127	#D13A7F
50.0%	50.0% #D85692	RGB 216 86 146	#D85692
66.7%	66.7% #DF75A5	RGB 223 117 165	#DF75A5
83.3%	83.3% #E695BA	RGB 230 149 186	#E695BA
100.0%	100.0% #EDB7D0	RGB 237 183 208	#EDB7D0

#C3065B #CA1F6D #D13A7F #D85692 #DF75A5 #E695BA #EDB7D0

#C3065C - #D85692 - #EDB7D0

CSS codes

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

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