#B7A8BD - #FFDCB7 | 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 #B7A8BD to #FFDCB7

#B7A8BD #FFDCB7

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

#B7A8BD - #FFDCB7 | 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 #B7A8BD as 0% and #FFDCB7 as 100%.

0.0%	0.0% #B7A8BD	RGB 183 168 189	#B7A8BD
16.7%	16.7% #C3B0BC	RGB 195 176 188	#C3B0BC
33.3%	33.3% #CFB9BB	RGB 207 185 187	#CFB9BB
50.0%	50.0% #DBC2BA	RGB 219 194 186	#DBC2BA
66.7%	66.7% #E7CAB9	RGB 231 202 185	#E7CAB9
83.3%	83.3% #F3D3B8	RGB 243 211 184	#F3D3B8
100.0%	100.0% #FFDCB7	RGB 255 220 183	#FFDCB7

#B7A8BD #C3B0BC #CFB9BB #DBC2BA #E7CAB9 #F3D3B8 #FFDCB7

#B7A8BD - #FFDCB7

HSV Blend

#B7A8BD - #FFDCB7 | 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 #B7A8BD as 0% and #FFDCB7 as 100%.

0.0%	0.0% #B7A8BD	RGB 183 168 189	#B7A8BD
16.7%	16.7% #C8ACC7	RGB 200 172 199	#C8ACC7
33.3%	33.3% #D3AFC7	RGB 211 175 199	#D3AFC7
50.0%	50.0% #DEB2C3	RGB 222 178 195	#DEB2C3
66.7%	66.7% #E9B4B9	RGB 233 180 185	#E9B4B9
83.3%	83.3% #F4C3B6	RGB 244 195 182	#F4C3B6
100.0%	100.0% #FFDCB7	RGB 255 220 183	#FFDCB7

#B7A8BD #C8ACC7 #D3AFC7 #DEB2C3 #E9B4B9 #F4C3B6 #FFDCB7

#B7A8BD - #DEB2C3 - #FFDCB7

CSS codes

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

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