#CA6E5E - #EFD6D1 | 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 #CA6E5E to #EFD6D1

#CA6E5E #EFD6D1

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

#CA6E5E - #EFD6D1 | 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 #CA6E5E as 0% and #EFD6D1 as 100%.

0.0%	0.0% #CA6E5E	RGB 202 110 94	#CA6E5E
16.7%	16.7% #D07F71	RGB 208 127 113	#D07F71
33.3%	33.3% #D69084	RGB 214 144 132	#D69084
50.0%	50.0% #DCA297	RGB 220 162 151	#DCA297
66.7%	66.7% #E2B3AA	RGB 226 179 170	#E2B3AA
83.3%	83.3% #E8C4BD	RGB 232 196 189	#E8C4BD
100.0%	100.0% #EFD6D1	RGB 239 214 209	#EFD6D1

#CA6E5E #D07F71 #D69084 #DCA297 #E2B3AA #E8C4BD #EFD6D1

#CA6E5E - #EFD6D1

HSV Blend

#CA6E5E - #EFD6D1 | 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 #CA6E5E as 0% and #EFD6D1 as 100%.

0.0%	0.0% #CA6E5E	RGB 202 110 94	#CA6E5E
16.7%	16.7% #D07D6F	RGB 208 125 111	#D07D6F
33.3%	33.3% #D68E80	RGB 214 142 128	#D68E80
50.0%	50.0% #DC9F93	RGB 220 159 147	#DC9F93
66.7%	66.7% #E2B0A7	RGB 226 176 167	#E2B0A7
83.3%	83.3% #E8C3BB	RGB 232 195 187	#E8C3BB
100.0%	100.0% #EFD6D1	RGB 239 214 209	#EFD6D1

#CA6E5E #D07D6F #D68E80 #DC9F93 #E2B0A7 #E8C3BB #EFD6D1

#CA6E5E - #DC9F93 - #EFD6D1

CSS codes

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

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