#FFAAA2 - #D0C0FA | 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 #FFAAA2 to #D0C0FA

#FFAAA2 #D0C0FA

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

#FFAAA2 - #D0C0FA | 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 #FFAAA2 as 0% and #D0C0FA as 100%.

0.0%	0.0% #FFAAA2	RGB 255 170 162	#FFAAA2
16.7%	16.7% #F7ADB0	RGB 247 173 176	#F7ADB0
33.3%	33.3% #EFB1BF	RGB 239 177 191	#EFB1BF
50.0%	50.0% #E7B5CE	RGB 231 181 206	#E7B5CE
66.7%	66.7% #DFB8DC	RGB 223 184 220	#DFB8DC
83.3%	83.3% #D7BCEB	RGB 215 188 235	#D7BCEB
100.0%	100.0% #D0C0FA	RGB 208 192 250	#D0C0FA

#FFAAA2 #F7ADB0 #EFB1BF #E7B5CE #DFB8DC #D7BCEB #D0C0FA

#FFAAA2 - #D0C0FA

HSV Blend

#FFAAA2 - #D0C0FA | 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 #FFAAA2 as 0% and #D0C0FA as 100%.

0.0%	0.0% #FFAAA2	RGB 255 170 162	#FFAAA2
16.7%	16.7% #FEA7B9	RGB 254 167 185	#FEA7B9
33.3%	33.3% #FDACD6	RGB 253 172 214	#FDACD6
50.0%	50.0% #FCB1EE	RGB 252 177 238	#FCB1EE
66.7%	66.7% #F3B6FB	RGB 243 182 251	#F3B6FB
83.3%	83.3% #DFBBFA	RGB 223 187 250	#DFBBFA
100.0%	100.0% #D0C0FA	RGB 208 192 250	#D0C0FA

#FFAAA2 #FEA7B9 #FDACD6 #FCB1EE #F3B6FB #DFBBFA #D0C0FA

#FFAAA2 - #FCB1EE - #D0C0FA

CSS codes

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

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