#C18084 - #EDDADB | 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 #C18084 to #EDDADB

#C18084 #EDDADB

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

#C18084 - #EDDADB | 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 #C18084 as 0% and #EDDADB as 100%.

0.0%	0.0% #C18084	RGB 193 128 132	#C18084
16.7%	16.7% #C88F92	RGB 200 143 146	#C88F92
33.3%	33.3% #CF9EA1	RGB 207 158 161	#CF9EA1
50.0%	50.0% #D7ADAF	RGB 215 173 175	#D7ADAF
66.7%	66.7% #DEBCBE	RGB 222 188 190	#DEBCBE
83.3%	83.3% #E5CBCC	RGB 229 203 204	#E5CBCC
100.0%	100.0% #EDDADB	RGB 237 218 219	#EDDADB

#C18084 #C88F92 #CF9EA1 #D7ADAF #DEBCBE #E5CBCC #EDDADB

#C18084 - #EDDADB

HSV Blend

#C18084 - #EDDADB | 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 #C18084 as 0% and #EDDADB as 100%.

0.0%	0.0% #C18084	RGB 193 128 132	#C18084
16.7%	16.7% #C88D90	RGB 200 141 144	#C88D90
33.3%	33.3% #CF9B9E	RGB 207 155 158	#CF9B9E
50.0%	50.0% #D7AAAC	RGB 215 170 172	#D7AAAC
66.7%	66.7% #DEB9BB	RGB 222 185 187	#DEB9BB
83.3%	83.3% #E5C9CA	RGB 229 201 202	#E5C9CA
100.0%	100.0% #EDDADB	RGB 237 218 219	#EDDADB

#C18084 #C88D90 #CF9B9E #D7AAAC #DEB9BB #E5C9CA #EDDADB

#C18084 - #D7AAAC - #EDDADB

CSS codes

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

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