#C4534B - #EECDCB | 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 #C4534B to #EECDCB

#C4534B #EECDCB

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

#C4534B - #EECDCB | 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 #C4534B as 0% and #EECDCB as 100%.

0.0%	0.0% #C4534B	RGB 196 83 75	#C4534B
16.7%	16.7% #CB6760	RGB 203 103 96	#CB6760
33.3%	33.3% #D27B75	RGB 210 123 117	#D27B75
50.0%	50.0% #D9908B	RGB 217 144 139	#D9908B
66.7%	66.7% #E0A4A0	RGB 224 164 160	#E0A4A0
83.3%	83.3% #E7B8B5	RGB 231 184 181	#E7B8B5
100.0%	100.0% #EECDCB	RGB 238 205 203	#EECDCB

#C4534B #CB6760 #D27B75 #D9908B #E0A4A0 #E7B8B5 #EECDCB

#C4534B - #EECDCB

HSV Blend

#C4534B - #EECDCB | 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 #C4534B as 0% and #EECDCB as 100%.

0.0%	0.0% #C4534B	RGB 196 83 75	#C4534B
16.7%	16.7% #CB645D	RGB 203 100 93	#CB645D
33.3%	33.3% #D27771	RGB 210 119 113	#D27771
50.0%	50.0% #D98B86	RGB 217 139 134	#D98B86
66.7%	66.7% #E0A09B	RGB 224 160 155	#E0A09B
83.3%	83.3% #E7B5B2	RGB 231 181 178	#E7B5B2
100.0%	100.0% #EECDCB	RGB 238 205 203	#EECDCB

#C4534B #CB645D #D27771 #D98B86 #E0A09B #E7B5B2 #EECDCB

#C4534B - #D98B86 - #EECDCB

CSS codes

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

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