#E6B2B8 - #B45B6A | 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 #E6B2B8 to #B45B6A

#E6B2B8 #B45B6A

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

#E6B2B8 - #B45B6A | 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 #E6B2B8 as 0% and #B45B6A as 100%.

0.0%	0.0% #E6B2B8	RGB 230 178 184	#E6B2B8
16.7%	16.7% #DDA3AB	RGB 221 163 171	#DDA3AB
33.3%	33.3% #D5959E	RGB 213 149 158	#D5959E
50.0%	50.0% #CD8691	RGB 205 134 145	#CD8691
66.7%	66.7% #C47884	RGB 196 120 132	#C47884
83.3%	83.3% #BC6977	RGB 188 105 119	#BC6977
100.0%	100.0% #B45B6A	RGB 180 91 106	#B45B6A

#E6B2B8 #DDA3AB #D5959E #CD8691 #C47884 #BC6977 #B45B6A

#E6B2B8 - #B45B6A

HSV Blend

#E6B2B8 - #B45B6A | 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 #E6B2B8 as 0% and #B45B6A as 100%.

0.0%	0.0% #E6B2B8	RGB 230 178 184	#E6B2B8
16.7%	16.7% #DDA1A9	RGB 221 161 169	#DDA1A9
33.3%	33.3% #D5929A	RGB 213 146 154	#D5929A
50.0%	50.0% #CD838D	RGB 205 131 141	#CD838D
66.7%	66.7% #C47581	RGB 196 117 129	#C47581
83.3%	83.3% #BC6775	RGB 188 103 117	#BC6775
100.0%	100.0% #B45B6A	RGB 180 91 106	#B45B6A

#E6B2B8 #DDA1A9 #D5929A #CD838D #C47581 #BC6775 #B45B6A

#E6B2B8 - #CD838D - #B45B6A

CSS codes

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

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