#B1666C - #E8D3D5 | 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 #B1666C to #E8D3D5

#B1666C #E8D3D5

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

#B1666C - #E8D3D5 | 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 #B1666C as 0% and #E8D3D5 as 100%.

0.0%	0.0% #B1666C	RGB 177 102 108	#B1666C
16.7%	16.7% #BA787D	RGB 186 120 125	#BA787D
33.3%	33.3% #C38A8F	RGB 195 138 143	#C38A8F
50.0%	50.0% #CC9CA0	RGB 204 156 160	#CC9CA0
66.7%	66.7% #D5AEB2	RGB 213 174 178	#D5AEB2
83.3%	83.3% #DEC0C3	RGB 222 192 195	#DEC0C3
100.0%	100.0% #E8D3D5	RGB 232 211 213	#E8D3D5

#B1666C #BA787D #C38A8F #CC9CA0 #D5AEB2 #DEC0C3 #E8D3D5

#B1666C - #E8D3D5

HSV Blend

#B1666C - #E8D3D5 | 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 #B1666C as 0% and #E8D3D5 as 100%.

0.0%	0.0% #B1666C	RGB 177 102 108	#B1666C
16.7%	16.7% #BA757B	RGB 186 117 123	#BA757B
33.3%	33.3% #C3868B	RGB 195 134 139	#C3868B
50.0%	50.0% #CC979C	RGB 204 151 156	#CC979C
66.7%	66.7% #D5AAAE	RGB 213 170 174	#D5AAAE
83.3%	83.3% #DEBEC1	RGB 222 190 193	#DEBEC1
100.0%	100.0% #E8D3D5	RGB 232 211 213	#E8D3D5

#B1666C #BA757B #C3868B #CC979C #D5AAAE #DEBEC1 #E8D3D5

#B1666C - #CC979C - #E8D3D5

CSS codes

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

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