#A85961 - #E6CFD1 | 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 #A85961 to #E6CFD1

#A85961 #E6CFD1

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

#A85961 - #E6CFD1 | 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 #A85961 as 0% and #E6CFD1 as 100%.

0.0%	0.0% #A85961	RGB 168 89 97	#A85961
16.7%	16.7% #B26C73	RGB 178 108 115	#B26C73
33.3%	33.3% #BC8086	RGB 188 128 134	#BC8086
50.0%	50.0% #C79499	RGB 199 148 153	#C79499
66.7%	66.7% #D1A7AB	RGB 209 167 171	#D1A7AB
83.3%	83.3% #DBBBBE	RGB 219 187 190	#DBBBBE
100.0%	100.0% #E6CFD1	RGB 230 207 209	#E6CFD1

#A85961 #B26C73 #BC8086 #C79499 #D1A7AB #DBBBBE #E6CFD1

#A85961 - #E6CFD1

HSV Blend

#A85961 - #E6CFD1 | 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 #A85961 as 0% and #E6CFD1 as 100%.

0.0%	0.0% #A85961	RGB 168 89 97	#A85961
16.7%	16.7% #B26970	RGB 178 105 112	#B26970
33.3%	33.3% #BC7B81	RGB 188 123 129	#BC7B81
50.0%	50.0% #C78E93	RGB 199 142 147	#C78E93
66.7%	66.7% #D1A2A6	RGB 209 162 166	#D1A2A6
83.3%	83.3% #DBB8BB	RGB 219 184 187	#DBB8BB
100.0%	100.0% #E6CFD1	RGB 230 207 209	#E6CFD1

#A85961 #B26970 #BC7B81 #C78E93 #D1A2A6 #DBB8BB #E6CFD1

#A85961 - #C78E93 - #E6CFD1

CSS codes

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

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