#B29C9C - #EEB5CC | 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 #B29C9C to #EEB5CC

#B29C9C #EEB5CC

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

#B29C9C - #EEB5CC | 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 #B29C9C as 0% and #EEB5CC as 100%.

0.0%	0.0% #B29C9C	RGB 178 156 156	#B29C9C
16.7%	16.7% #BCA0A4	RGB 188 160 164	#BCA0A4
33.3%	33.3% #C6A4AC	RGB 198 164 172	#C6A4AC
50.0%	50.0% #D0A8B4	RGB 208 168 180	#D0A8B4
66.7%	66.7% #DAACBC	RGB 218 172 188	#DAACBC
83.3%	83.3% #E4B0C4	RGB 228 176 196	#E4B0C4
100.0%	100.0% #EEB5CC	RGB 238 181 204	#EEB5CC

#B29C9C #BCA0A4 #C6A4AC #D0A8B4 #DAACBC #E4B0C4 #EEB5CC

#B29C9C - #EEB5CC

HSV Blend

#B29C9C - #EEB5CC | 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 #B29C9C as 0% and #EEB5CC as 100%.

0.0%	0.0% #B29C9C	RGB 178 156 156	#B29C9C
16.7%	16.7% #BCA1A2	RGB 188 161 162	#BCA1A2
33.3%	33.3% #C6A5AA	RGB 198 165 170	#C6A5AA
50.0%	50.0% #D0AAB1	RGB 208 170 177	#D0AAB1
66.7%	66.7% #DAAEB9	RGB 218 174 185	#DAAEB9
83.3%	83.3% #E4B1C2	RGB 228 177 194	#E4B1C2
100.0%	100.0% #EEB5CC	RGB 238 181 204	#EEB5CC

#B29C9C #BCA1A2 #C6A5AA #D0AAB1 #DAAEB9 #E4B1C2 #EEB5CC

#B29C9C - #D0AAB1 - #EEB5CC

CSS codes

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

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