#FF3DB1 - #A8C1FF | 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 #FF3DB1 to #A8C1FF

#FF3DB1 #A8C1FF

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

#FF3DB1 - #A8C1FF | 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 #FF3DB1 as 0% and #A8C1FF as 100%.

0.0%	0.0% #FF3DB1	RGB 255 61 177	#FF3DB1
16.7%	16.7% #F053BE	RGB 240 83 190	#F053BE
33.3%	33.3% #E269CB	RGB 226 105 203	#E269CB
50.0%	50.0% #D37FD8	RGB 211 127 216	#D37FD8
66.7%	66.7% #C595E5	RGB 197 149 229	#C595E5
83.3%	83.3% #B6ABF2	RGB 182 171 242	#B6ABF2
100.0%	100.0% #A8C1FF	RGB 168 193 255	#A8C1FF

#FF3DB1 #F053BE #E269CB #D37FD8 #C595E5 #B6ABF2 #A8C1FF

#FF3DB1 - #A8C1FF

HSV Blend

#FF3DB1 - #A8C1FF | 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 #FF3DB1 as 0% and #A8C1FF as 100%.

0.0%	0.0% #FF3DB0	RGB 255 61 176	#FF3DB0
16.7%	16.7% #FF4EE9	RGB 255 78 233	#FF4EE9
33.3%	33.3% #E560FF	RGB 229 96 255	#E560FF
50.0%	50.0% #C072FF	RGB 192 114 255	#C072FF
66.7%	66.7% #A684FF	RGB 166 132 255	#A684FF
83.3%	83.3% #9696FF	RGB 150 150 255	#9696FF
100.0%	100.0% #A8C1FF	RGB 168 193 255	#A8C1FF

#FF3DB0 #FF4EE9 #E560FF #C072FF #A684FF #9696FF #A8C1FF

#FF3DB1 - #C072FF - #A8C1FF

CSS codes

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

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