#A85958 - #E6CFCF | 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 #A85958 to #E6CFCF

#A85958 #E6CFCF

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

#A85958 - #E6CFCF | 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 #A85958 as 0% and #E6CFCF as 100%.

0.0%	0.0% #A85958	RGB 168 89 88	#A85958
16.7%	16.7% #B26C6B	RGB 178 108 107	#B26C6B
33.3%	33.3% #BC807F	RGB 188 128 127	#BC807F
50.0%	50.0% #C79493	RGB 199 148 147	#C79493
66.7%	66.7% #D1A7A7	RGB 209 167 167	#D1A7A7
83.3%	83.3% #DBBBBB	RGB 219 187 187	#DBBBBB
100.0%	100.0% #E6CFCF	RGB 230 207 207	#E6CFCF

#A85958 #B26C6B #BC807F #C79493 #D1A7A7 #DBBBBB #E6CFCF

#A85958 - #E6CFCF

HSV Blend

#A85958 - #E6CFCF | 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 #A85958 as 0% and #E6CFCF as 100%.

0.0%	0.0% #A85958	RGB 168 89 88	#A85958
16.7%	16.7% #B26968	RGB 178 105 104	#B26968
33.3%	33.3% #BC7B7A	RGB 188 123 122	#BC7B7A
50.0%	50.0% #C78E8D	RGB 199 142 141	#C78E8D
66.7%	66.7% #D1A2A2	RGB 209 162 162	#D1A2A2
83.3%	83.3% #DBB8B7	RGB 219 184 183	#DBB8B7
100.0%	100.0% #E6CFCF	RGB 230 207 207	#E6CFCF

#A85958 #B26968 #BC7B7A #C78E8D #D1A2A2 #DBB8B7 #E6CFCF

#A85958 - #C78E8D - #E6CFCF

CSS codes

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

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