#B67D8D - #FDDFBB | 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 #B67D8D to #FDDFBB

#B67D8D #FDDFBB

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

#B67D8D - #FDDFBB | 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 #B67D8D as 0% and #FDDFBB as 100%.

0.0%	0.0% #B67D8D	RGB 182 125 141	#B67D8D
16.7%	16.7% #C18D94	RGB 193 141 148	#C18D94
33.3%	33.3% #CD9D9C	RGB 205 157 156	#CD9D9C
50.0%	50.0% #D9AEA4	RGB 217 174 164	#D9AEA4
66.7%	66.7% #E5BEAB	RGB 229 190 171	#E5BEAB
83.3%	83.3% #F1CEB3	RGB 241 206 179	#F1CEB3
100.0%	100.0% #FDDFBB	RGB 253 223 187	#FDDFBB

#B67D8D #C18D94 #CD9D9C #D9AEA4 #E5BEAB #F1CEB3 #FDDFBB

#B67D8D - #FDDFBB

HSV Blend

#B67D8D - #FDDFBB | 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 #B67D8D as 0% and #FDDFBB as 100%.

0.0%	0.0% #B67D8D	RGB 182 125 141	#B67D8D
16.7%	16.7% #C1868F	RGB 193 134 143	#C1868F
33.3%	33.3% #CD9091	RGB 205 144 145	#CD9091
50.0%	50.0% #D9A39B	RGB 217 163 155	#D9A39B
66.7%	66.7% #E5B6A5	RGB 229 182 165	#E5B6A5
83.3%	83.3% #F1CAB0	RGB 241 202 176	#F1CAB0
100.0%	100.0% #FDDFBB	RGB 253 223 187	#FDDFBB

#B67D8D #C1868F #CD9091 #D9A39B #E5B6A5 #F1CAB0 #FDDFBB

#B67D8D - #D9A39B - #FDDFBB

CSS codes

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

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