#C6827E - #EEDBDA | 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 #C6827E to #EEDBDA

#C6827E #EEDBDA

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

#C6827E - #EEDBDA | 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 #C6827E as 0% and #EEDBDA as 100%.

0.0%	0.0% #C6827E	RGB 198 130 126	#C6827E
16.7%	16.7% #CC908D	RGB 204 144 141	#CC908D
33.3%	33.3% #D39F9C	RGB 211 159 156	#D39F9C
50.0%	50.0% #DAAEAC	RGB 218 174 172	#DAAEAC
66.7%	66.7% #E0BDBB	RGB 224 189 187	#E0BDBB
83.3%	83.3% #E7CCCA	RGB 231 204 202	#E7CCCA
100.0%	100.0% #EEDBDA	RGB 238 219 218	#EEDBDA

#C6827E #CC908D #D39F9C #DAAEAC #E0BDBB #E7CCCA #EEDBDA

#C6827E - #EEDBDA

HSV Blend

#C6827E - #EEDBDA | 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 #C6827E as 0% and #EEDBDA as 100%.

0.0%	0.0% #C6827E	RGB 198 130 126	#C6827E
16.7%	16.7% #CC8F8B	RGB 204 143 139	#CC8F8B
33.3%	33.3% #D39D9A	RGB 211 157 154	#D39D9A
50.0%	50.0% #DAABA9	RGB 218 171 169	#DAABA9
66.7%	66.7% #E0BAB8	RGB 224 186 184	#E0BAB8
83.3%	83.3% #E7CAC9	RGB 231 202 201	#E7CAC9
100.0%	100.0% #EEDBDA	RGB 238 219 218	#EEDBDA

#C6827E #CC8F8B #D39D9A #DAABA9 #E0BAB8 #E7CAC9 #EEDBDA

#C6827E - #DAABA9 - #EEDBDA

CSS codes

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

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