#D66F7E - #BAB3E6 | 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 #D66F7E to #BAB3E6

#D66F7E #BAB3E6

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

#D66F7E - #BAB3E6 | 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 #D66F7E as 0% and #BAB3E6 as 100%.

0.0%	0.0% #D66F7E	RGB 214 111 126	#D66F7E
16.7%	16.7% #D17A8F	RGB 209 122 143	#D17A8F
33.3%	33.3% #CC85A0	RGB 204 133 160	#CC85A0
50.0%	50.0% #C891B2	RGB 200 145 178	#C891B2
66.7%	66.7% #C39CC3	RGB 195 156 195	#C39CC3
83.3%	83.3% #BEA7D4	RGB 190 167 212	#BEA7D4
100.0%	100.0% #BAB3E6	RGB 186 179 230	#BAB3E6

#D66F7E #D17A8F #CC85A0 #C891B2 #C39CC3 #BEA7D4 #BAB3E6

#D66F7E - #BAB3E6

HSV Blend

#D66F7E - #BAB3E6 | 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 #D66F7E as 0% and #BAB3E6 as 100%.

0.0%	0.0% #D66F7E	RGB 214 111 126	#D66F7E
16.7%	16.7% #D879A2	RGB 216 121 162	#D879A2
33.3%	33.3% #DB84C2	RGB 219 132 194	#DB84C2
50.0%	50.0% #DD8FDE	RGB 221 143 222	#DD8FDE
66.7%	66.7% #CC9BE0	RGB 204 155 224	#CC9BE0
83.3%	83.3% #C0A7E3	RGB 192 167 227	#C0A7E3
100.0%	100.0% #BAB3E6	RGB 186 179 230	#BAB3E6

#D66F7E #D879A2 #DB84C2 #DD8FDE #CC9BE0 #C0A7E3 #BAB3E6

#D66F7E - #DD8FDE - #BAB3E6

CSS codes

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

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