#BDAEB2 - #FFE4C4 | 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 #BDAEB2 to #FFE4C4

#BDAEB2 #FFE4C4

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

#BDAEB2 - #FFE4C4 | 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 #BDAEB2 as 0% and #FFE4C4 as 100%.

0.0%	0.0% #BDAEB2	RGB 189 174 178	#BDAEB2
16.7%	16.7% #C8B7B5	RGB 200 183 181	#C8B7B5
33.3%	33.3% #D3C0B8	RGB 211 192 184	#D3C0B8
50.0%	50.0% #DEC9BB	RGB 222 201 187	#DEC9BB
66.7%	66.7% #E9D2BE	RGB 233 210 190	#E9D2BE
83.3%	83.3% #F4DBC1	RGB 244 219 193	#F4DBC1
100.0%	100.0% #FFE4C4	RGB 255 228 196	#FFE4C4

#BDAEB2 #C8B7B5 #D3C0B8 #DEC9BB #E9D2BE #F4DBC1 #FFE4C4

#BDAEB2 - #FFE4C4

HSV Blend

#BDAEB2 - #FFE4C4 | 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 #BDAEB2 as 0% and #FFE4C4 as 100%.

0.0%	0.0% #BDAEB2	RGB 189 174 178	#BDAEB2
16.7%	16.7% #C8B3B5	RGB 200 179 181	#C8B3B5
33.3%	33.3% #D3B7B7	RGB 211 183 183	#D3B7B7
50.0%	50.0% #DEC0BB	RGB 222 192 187	#DEC0BB
66.7%	66.7% #E9CABE	RGB 233 202 190	#E9CABE
83.3%	83.3% #F4D6C1	RGB 244 214 193	#F4D6C1
100.0%	100.0% #FFE4C4	RGB 255 228 196	#FFE4C4

#BDAEB2 #C8B3B5 #D3B7B7 #DEC0BB #E9CABE #F4D6C1 #FFE4C4

#BDAEB2 - #DEC0BB - #FFE4C4

CSS codes

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

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