#FFA6BE - #DAB2FF | 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 #FFA6BE to #DAB2FF

#FFA6BE #DAB2FF

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

#FFA6BE - #DAB2FF | 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 #FFA6BE as 0% and #DAB2FF as 100%.

0.0%	0.0% #FFA6BE	RGB 255 166 190	#FFA6BE
16.7%	16.7% #F8A8C8	RGB 248 168 200	#F8A8C8
33.3%	33.3% #F2AAD3	RGB 242 170 211	#F2AAD3
50.0%	50.0% #ECACDE	RGB 236 172 222	#ECACDE
66.7%	66.7% #E6AEE9	RGB 230 174 233	#E6AEE9
83.3%	83.3% #E0B0F4	RGB 224 176 244	#E0B0F4
100.0%	100.0% #DAB2FF	RGB 218 178 255	#DAB2FF

#FFA6BE #F8A8C8 #F2AAD3 #ECACDE #E6AEE9 #E0B0F4 #DAB2FF

#FFA6BE - #DAB2FF

HSV Blend

#FFA6BE - #DAB2FF | 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 #FFA6BE as 0% and #DAB2FF as 100%.

0.0%	0.0% #FFA6BE	RGB 255 166 190	#FFA6BE
16.7%	16.7% #FFA8D1	RGB 255 168 209	#FFA8D1
33.3%	33.3% #FFAAE3	RGB 255 170 227	#FFAAE3
50.0%	50.0% #FFACF4	RGB 255 172 244	#FFACF4
66.7%	66.7% #F8AEFF	RGB 248 174 255	#F8AEFF
83.3%	83.3% #E8B0FF	RGB 232 176 255	#E8B0FF
100.0%	100.0% #DAB2FF	RGB 218 178 255	#DAB2FF

#FFA6BE #FFA8D1 #FFAAE3 #FFACF4 #F8AEFF #E8B0FF #DAB2FF

#FFA6BE - #FFACF4 - #DAB2FF

CSS codes

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

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