#C2848B - #EDDBDD | 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 #C2848B to #EDDBDD

#C2848B #EDDBDD

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

#C2848B - #EDDBDD | 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 #C2848B as 0% and #EDDBDD as 100%.

0.0%	0.0% #C2848B	RGB 194 132 139	#C2848B
16.7%	16.7% #C99298	RGB 201 146 152	#C99298
33.3%	33.3% #D0A1A6	RGB 208 161 166	#D0A1A6
50.0%	50.0% #D7AFB4	RGB 215 175 180	#D7AFB4
66.7%	66.7% #DEBEC1	RGB 222 190 193	#DEBEC1
83.3%	83.3% #E5CCCF	RGB 229 204 207	#E5CCCF
100.0%	100.0% #EDDBDD	RGB 237 219 221	#EDDBDD

#C2848B #C99298 #D0A1A6 #D7AFB4 #DEBEC1 #E5CCCF #EDDBDD

#C2848B - #EDDBDD

HSV Blend

#C2848B - #EDDBDD | 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 #C2848B as 0% and #EDDBDD as 100%.

0.0%	0.0% #C2848B	RGB 194 132 139	#C2848B
16.7%	16.7% #C99197	RGB 201 145 151	#C99197
33.3%	33.3% #D09EA4	RGB 208 158 164	#D09EA4
50.0%	50.0% #D7ACB1	RGB 215 172 177	#D7ACB1
66.7%	66.7% #DEBBBF	RGB 222 187 191	#DEBBBF
83.3%	83.3% #E5CBCE	RGB 229 203 206	#E5CBCE
100.0%	100.0% #EDDBDD	RGB 237 219 221	#EDDBDD

#C2848B #C99197 #D09EA4 #D7ACB1 #DEBBBF #E5CBCE #EDDBDD

#C2848B - #D7ACB1 - #EDDBDD

CSS codes

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

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