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

#C1818B #EDDBDD

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

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

0.0%	0.0% #C1818B	RGB 193 129 139	#C1818B
16.7%	16.7% #C89098	RGB 200 144 152	#C89098
33.3%	33.3% #CF9FA6	RGB 207 159 166	#CF9FA6
50.0%	50.0% #D7AEB4	RGB 215 174 180	#D7AEB4
66.7%	66.7% #DEBDC1	RGB 222 189 193	#DEBDC1
83.3%	83.3% #E5CCCF	RGB 229 204 207	#E5CCCF
100.0%	100.0% #EDDBDD	RGB 237 219 221	#EDDBDD

#C1818B #C89098 #CF9FA6 #D7AEB4 #DEBDC1 #E5CCCF #EDDBDD

#C1818B - #EDDBDD

HSV Blend

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

0.0%	0.0% #C1818B	RGB 193 129 139	#C1818B
16.7%	16.7% #C88E97	RGB 200 142 151	#C88E97
33.3%	33.3% #CF9CA3	RGB 207 156 163	#CF9CA3
50.0%	50.0% #D7ABB1	RGB 215 171 177	#D7ABB1
66.7%	66.7% #DEBABF	RGB 222 186 191	#DEBABF
83.3%	83.3% #E5CACD	RGB 229 202 205	#E5CACD
100.0%	100.0% #EDDBDD	RGB 237 219 221	#EDDBDD

#C1818B #C88E97 #CF9CA3 #D7ABB1 #DEBABF #E5CACD #EDDBDD

#C1818B - #D7ABB1 - #EDDBDD

CSS codes

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

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