#B06FA5 - #E8D5E4 | 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 #B06FA5 to #E8D5E4

#B06FA5 #E8D5E4

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

#B06FA5 - #E8D5E4 | 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 #B06FA5 as 0% and #E8D5E4 as 100%.

0.0%	0.0% #B06FA5	RGB 176 111 165	#B06FA5
16.7%	16.7% #B980AF	RGB 185 128 175	#B980AF
33.3%	33.3% #C291BA	RGB 194 145 186	#C291BA
50.0%	50.0% #CCA2C4	RGB 204 162 196	#CCA2C4
66.7%	66.7% #D5B3CF	RGB 213 179 207	#D5B3CF
83.3%	83.3% #DEC4D9	RGB 222 196 217	#DEC4D9
100.0%	100.0% #E8D5E4	RGB 232 213 228	#E8D5E4

#B06FA5 #B980AF #C291BA #CCA2C4 #D5B3CF #DEC4D9 #E8D5E4

#B06FA5 - #E8D5E4

HSV Blend

#B06FA5 - #E8D5E4 | 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 #B06FA5 as 0% and #E8D5E4 as 100%.

0.0%	0.0% #B06FA5	RGB 176 111 165	#B06FA5
16.7%	16.7% #B97DAE	RGB 185 125 174	#B97DAE
33.3%	33.3% #C28DB8	RGB 194 141 184	#C28DB8
50.0%	50.0% #CC9DC3	RGB 204 157 195	#CC9DC3
66.7%	66.7% #D5AFCD	RGB 213 175 205	#D5AFCD
83.3%	83.3% #DEC1D8	RGB 222 193 216	#DEC1D8
100.0%	100.0% #E8D5E4	RGB 232 213 228	#E8D5E4

#B06FA5 #B97DAE #C28DB8 #CC9DC3 #D5AFCD #DEC1D8 #E8D5E4

#B06FA5 - #CC9DC3 - #E8D5E4

CSS codes

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

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