#C3676C - #EDD3D5 | 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 #C3676C to #EDD3D5

#C3676C #EDD3D5

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

#C3676C - #EDD3D5 | 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 #C3676C as 0% and #EDD3D5 as 100%.

0.0%	0.0% #C3676C	RGB 195 103 108	#C3676C
16.7%	16.7% #CA797D	RGB 202 121 125	#CA797D
33.3%	33.3% #D18B8F	RGB 209 139 143	#D18B8F
50.0%	50.0% #D89DA0	RGB 216 157 160	#D89DA0
66.7%	66.7% #DFAFB2	RGB 223 175 178	#DFAFB2
83.3%	83.3% #E6C1C3	RGB 230 193 195	#E6C1C3
100.0%	100.0% #EDD3D5	RGB 237 211 213	#EDD3D5

#C3676C #CA797D #D18B8F #D89DA0 #DFAFB2 #E6C1C3 #EDD3D5

#C3676C - #EDD3D5

HSV Blend

#C3676C - #EDD3D5 | 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 #C3676C as 0% and #EDD3D5 as 100%.

0.0%	0.0% #C3676C	RGB 195 103 108	#C3676C
16.7%	16.7% #CA767B	RGB 202 118 123	#CA767B
33.3%	33.3% #D1878C	RGB 209 135 140	#D1878C
50.0%	50.0% #D8999D	RGB 216 153 157	#D8999D
66.7%	66.7% #DFABAF	RGB 223 171 175	#DFABAF
83.3%	83.3% #E6BEC1	RGB 230 190 193	#E6BEC1
100.0%	100.0% #EDD3D5	RGB 237 211 213	#EDD3D5

#C3676C #CA767B #D1878C #D8999D #DFABAF #E6BEC1 #EDD3D5

#C3676C - #D8999D - #EDD3D5

CSS codes

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

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