#FFA8F5 - #FFE6FB | 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 #FFA8F5 to #FFE6FB

#FFA8F5 #FFE6FB

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

#FFA8F5 - #FFE6FB | 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 #FFA8F5 as 0% and #FFE6FB as 100%.

0.0%	0.0% #FFA8F5	RGB 255 168 245	#FFA8F5
16.7%	16.7% #FFB2F6	RGB 255 178 246	#FFB2F6
33.3%	33.3% #FFBCF7	RGB 255 188 247	#FFBCF7
50.0%	50.0% #FFC7F8	RGB 255 199 248	#FFC7F8
66.7%	66.7% #FFD1F9	RGB 255 209 249	#FFD1F9
83.3%	83.3% #FFDBFA	RGB 255 219 250	#FFDBFA
100.0%	100.0% #FFE6FB	RGB 255 230 251	#FFE6FB

#FFA8F5 #FFB2F6 #FFBCF7 #FFC7F8 #FFD1F9 #FFDBFA #FFE6FB

#FFA8F5 - #FFE6FB

HSV Blend

#FFA8F5 - #FFE6FB | 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 #FFA8F5 as 0% and #FFE6FB as 100%.

0.0%	0.0% #FFA8F5	RGB 255 168 245	#FFA8F5
16.7%	16.7% #FFB2F5	RGB 255 178 245	#FFB2F5
33.3%	33.3% #FFBCF6	RGB 255 188 246	#FFBCF6
50.0%	50.0% #FFC7F7	RGB 255 199 247	#FFC7F7
66.7%	66.7% #FFD1F8	RGB 255 209 248	#FFD1F8
83.3%	83.3% #FFDBF9	RGB 255 219 249	#FFDBF9
100.0%	100.0% #FFE6FB	RGB 255 230 251	#FFE6FB

#FFA8F5 #FFB2F5 #FFBCF6 #FFC7F7 #FFD1F8 #FFDBF9 #FFE6FB

#FFA8F5 - #FFC7F7 - #FFE6FB

CSS codes

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

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