#C1947E - #EDDFDA | 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 #C1947E to #EDDFDA

#C1947E #EDDFDA

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

#C1947E - #EDDFDA | 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 #C1947E as 0% and #EDDFDA as 100%.

0.0%	0.0% #C1947E	RGB 193 148 126	#C1947E
16.7%	16.7% #C8A08D	RGB 200 160 141	#C8A08D
33.3%	33.3% #CFAD9C	RGB 207 173 156	#CFAD9C
50.0%	50.0% #D7B9AC	RGB 215 185 172	#D7B9AC
66.7%	66.7% #DEC6BB	RGB 222 198 187	#DEC6BB
83.3%	83.3% #E5D2CA	RGB 229 210 202	#E5D2CA
100.0%	100.0% #EDDFDA	RGB 237 223 218	#EDDFDA

#C1947E #C8A08D #CFAD9C #D7B9AC #DEC6BB #E5D2CA #EDDFDA

#C1947E - #EDDFDA

HSV Blend

#C1947E - #EDDFDA | 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 #C1947E as 0% and #EDDFDA as 100%.

0.0%	0.0% #C1947E	RGB 193 148 126	#C1947E
16.7%	16.7% #C89E8B	RGB 200 158 139	#C89E8B
33.3%	33.3% #CFAA9A	RGB 207 170 154	#CFAA9A
50.0%	50.0% #D7B6A9	RGB 215 182 169	#D7B6A9
66.7%	66.7% #DEC3B8	RGB 222 195 184	#DEC3B8
83.3%	83.3% #E5D0C9	RGB 229 208 201	#E5D0C9
100.0%	100.0% #EDDFDA	RGB 237 223 218	#EDDFDA

#C1947E #C89E8B #CFAA9A #D7B6A9 #DEC3B8 #E5D0C9 #EDDFDA

#C1947E - #D7B6A9 - #EDDFDA

CSS codes

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

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