#E4DEDF - #B3969B | 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 #E4DEDF to #B3969B

#E4DEDF #B3969B

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

#E4DEDF - #B3969B | 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 #E4DEDF as 0% and #B3969B as 100%.

0.0%	0.0% #E4DEDF	RGB 228 222 223	#E4DEDF
16.7%	16.7% #DBD2D3	RGB 219 210 211	#DBD2D3
33.3%	33.3% #D3C6C8	RGB 211 198 200	#D3C6C8
50.0%	50.0% #CBBABD	RGB 203 186 189	#CBBABD
66.7%	66.7% #C3AEB1	RGB 195 174 177	#C3AEB1
83.3%	83.3% #BBA2A6	RGB 187 162 166	#BBA2A6
100.0%	100.0% #B3969B	RGB 179 150 155	#B3969B

#E4DEDF #DBD2D3 #D3C6C8 #CBBABD #C3AEB1 #BBA2A6 #B3969B

#E4DEDF - #B3969B

HSV Blend

#E4DEDF - #B3969B | 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 #E4DEDF as 0% and #B3969B as 100%.

0.0%	0.0% #E4DEDF	RGB 228 222 223	#E4DEDF
16.7%	16.7% #DBD1D2	RGB 219 209 210	#DBD1D2
33.3%	33.3% #D3C4C7	RGB 211 196 199	#D3C4C7
50.0%	50.0% #CBB8BB	RGB 203 184 187	#CBB8BB
66.7%	66.7% #C3ACB0	RGB 195 172 176	#C3ACB0
83.3%	83.3% #BBA1A5	RGB 187 161 165	#BBA1A5
100.0%	100.0% #B3969B	RGB 179 150 155	#B3969B

#E4DEDF #DBD1D2 #D3C4C7 #CBB8BB #C3ACB0 #BBA1A5 #B3969B

#E4DEDF - #CBB8BB - #B3969B

CSS codes

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

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