#B1667D - #E8D3D9 | 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 #B1667D to #E8D3D9

#B1667D #E8D3D9

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

#B1667D - #E8D3D9 | 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 #B1667D as 0% and #E8D3D9 as 100%.

0.0%	0.0% #B1667D	RGB 177 102 125	#B1667D
16.7%	16.7% #BA788C	RGB 186 120 140	#BA788C
33.3%	33.3% #C38A9B	RGB 195 138 155	#C38A9B
50.0%	50.0% #CC9CAB	RGB 204 156 171	#CC9CAB
66.7%	66.7% #D5AEBA	RGB 213 174 186	#D5AEBA
83.3%	83.3% #DEC0C9	RGB 222 192 201	#DEC0C9
100.0%	100.0% #E8D3D9	RGB 232 211 217	#E8D3D9

#B1667D #BA788C #C38A9B #CC9CAB #D5AEBA #DEC0C9 #E8D3D9

#B1667D - #E8D3D9

HSV Blend

#B1667D - #E8D3D9 | 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 #B1667D as 0% and #E8D3D9 as 100%.

0.0%	0.0% #B1667D	RGB 177 102 125	#B1667D
16.7%	16.7% #BA758A	RGB 186 117 138	#BA758A
33.3%	33.3% #C38698	RGB 195 134 152	#C38698
50.0%	50.0% #CC97A7	RGB 204 151 167	#CC97A7
66.7%	66.7% #D5AAB7	RGB 213 170 183	#D5AAB7
83.3%	83.3% #DEBEC7	RGB 222 190 199	#DEBEC7
100.0%	100.0% #E8D3D9	RGB 232 211 217	#E8D3D9

#B1667D #BA758A #C38698 #CC97A7 #D5AAB7 #DEBEC7 #E8D3D9

#B1667D - #CC97A7 - #E8D3D9

CSS codes

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

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