#EDDBDC - #BD9296 | 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 #EDDBDC to #BD9296

#EDDBDC #BD9296

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

#EDDBDC - #BD9296 | 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 #EDDBDC as 0% and #BD9296 as 100%.

0.0%	0.0% #EDDBDC	RGB 237 219 220	#EDDBDC
16.7%	16.7% #E5CED0	RGB 229 206 208	#E5CED0
33.3%	33.3% #DDC2C4	RGB 221 194 196	#DDC2C4
50.0%	50.0% #D5B6B9	RGB 213 182 185	#D5B6B9
66.7%	66.7% #CDAAAD	RGB 205 170 173	#CDAAAD
83.3%	83.3% #C59EA1	RGB 197 158 161	#C59EA1
100.0%	100.0% #BD9296	RGB 189 146 150	#BD9296

#EDDBDC #E5CED0 #DDC2C4 #D5B6B9 #CDAAAD #C59EA1 #BD9296

#EDDBDC - #BD9296

HSV Blend

#EDDBDC - #BD9296 | 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 #EDDBDC as 0% and #BD9296 as 100%.

0.0%	0.0% #EDDBDC	RGB 237 219 220	#EDDBDC
16.7%	16.7% #E5CDCF	RGB 229 205 207	#E5CDCF
33.3%	33.3% #DDC1C2	RGB 221 193 194	#DDC1C2
50.0%	50.0% #D5B4B7	RGB 213 180 183	#D5B4B7
66.7%	66.7% #CDA8AB	RGB 205 168 171	#CDA8AB
83.3%	83.3% #C59DA0	RGB 197 157 160	#C59DA0
100.0%	100.0% #BD9296	RGB 189 146 150	#BD9296

#EDDBDC #E5CDCF #DDC1C2 #D5B4B7 #CDA8AB #C59DA0 #BD9296

#EDDBDC - #D5B4B7 - #BD9296

CSS codes

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

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