#A192FF - #F2DCF6 | 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 #A192FF to #F2DCF6

#A192FF #F2DCF6

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

#A192FF - #F2DCF6 | 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 #A192FF as 0% and #F2DCF6 as 100%.

0.0%	0.0% #A192FF	RGB 161 146 255	#A192FF
16.7%	16.7% #AE9EFD	RGB 174 158 253	#AE9EFD
33.3%	33.3% #BCAAFC	RGB 188 170 252	#BCAAFC
50.0%	50.0% #C9B7FA	RGB 201 183 250	#C9B7FA
66.7%	66.7% #D7C3F9	RGB 215 195 249	#D7C3F9
83.3%	83.3% #E4CFF7	RGB 228 207 247	#E4CFF7
100.0%	100.0% #F2DCF6	RGB 242 220 246	#F2DCF6

#A192FF #AE9EFD #BCAAFC #C9B7FA #D7C3F9 #E4CFF7 #F2DCF6

#A192FF - #F2DCF6

HSV Blend

#A192FF - #F2DCF6 | 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 #A192FF as 0% and #F2DCF6 as 100%.

0.0%	0.0% #A092FF	RGB 160 146 255	#A092FF
16.7%	16.7% #B69EFD	RGB 182 158 253	#B69EFD
33.3%	33.3% #C9ABFC	RGB 201 171 252	#C9ABFC
50.0%	50.0% #D8B7FA	RGB 216 183 250	#D8B7FA
66.7%	66.7% #E4C3F9	RGB 228 195 249	#E4C3F9
83.3%	83.3% #ECD0F7	RGB 236 208 247	#ECD0F7
100.0%	100.0% #F2DCF6	RGB 242 220 246	#F2DCF6

#A092FF #B69EFD #C9ABFC #D8B7FA #E4C3F9 #ECD0F7 #F2DCF6

#A192FF - #D8B7FA - #F2DCF6

CSS codes

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

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