#A8B8D4 - #FFCCF2 | 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 #A8B8D4 to #FFCCF2

#A8B8D4 #FFCCF2

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

#A8B8D4 - #FFCCF2 | 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 #A8B8D4 as 0% and #FFCCF2 as 100%.

0.0%	0.0% #A8B8D4	RGB 168 184 212	#A8B8D4
16.7%	16.7% #B6BBD9	RGB 182 187 217	#B6BBD9
33.3%	33.3% #C5BEDE	RGB 197 190 222	#C5BEDE
50.0%	50.0% #D3C2E3	RGB 211 194 227	#D3C2E3
66.7%	66.7% #E2C5E8	RGB 226 197 232	#E2C5E8
83.3%	83.3% #F0C8ED	RGB 240 200 237	#F0C8ED
100.0%	100.0% #FFCCF2	RGB 255 204 242	#FFCCF2

#A8B8D4 #B6BBD9 #C5BEDE #D3C2E3 #E2C5E8 #F0C8ED #FFCCF2

#A8B8D4 - #FFCCF2

HSV Blend

#A8B8D4 - #FFCCF2 | 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 #A8B8D4 as 0% and #FFCCF2 as 100%.

0.0%	0.0% #A8B8D4	RGB 168 184 212	#A8B8D4
16.7%	16.7% #ADB2DB	RGB 173 178 219	#ADB2DB
33.3%	33.3% #BCB3E2	RGB 188 179 226	#BCB3E2
50.0%	50.0% #CFB9E9	RGB 207 185 233	#CFB9E9
66.7%	66.7% #E2BFF0	RGB 226 191 240	#E2BFF0
83.3%	83.3% #F7C5F7	RGB 247 197 247	#F7C5F7
100.0%	100.0% #FFCCF2	RGB 255 204 242	#FFCCF2

#A8B8D4 #ADB2DB #BCB3E2 #CFB9E9 #E2BFF0 #F7C5F7 #FFCCF2

#A8B8D4 - #CFB9E9 - #FFCCF2

CSS codes

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

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