#FF3DBE - #A8C6FF | 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 #FF3DBE to #A8C6FF

#FF3DBE #A8C6FF

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

#FF3DBE - #A8C6FF | 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 #FF3DBE as 0% and #A8C6FF as 100%.

0.0%	0.0% #FF3DBE	RGB 255 61 190	#FF3DBE
16.7%	16.7% #F053C8	RGB 240 83 200	#F053C8
33.3%	33.3% #E26AD3	RGB 226 106 211	#E26AD3
50.0%	50.0% #D381DE	RGB 211 129 222	#D381DE
66.7%	66.7% #C598E9	RGB 197 152 233	#C598E9
83.3%	83.3% #B6AFF4	RGB 182 175 244	#B6AFF4
100.0%	100.0% #A8C6FF	RGB 168 198 255	#A8C6FF

#FF3DBE #F053C8 #E26AD3 #D381DE #C598E9 #B6AFF4 #A8C6FF

#FF3DBE - #A8C6FF

HSV Blend

#FF3DBE - #A8C6FF | 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 #FF3DBE as 0% and #A8C6FF as 100%.

0.0%	0.0% #FF3DBE	RGB 255 61 190	#FF3DBE
16.7%	16.7% #FF4EF5	RGB 255 78 245	#FF4EF5
33.3%	33.3% #DB60FF	RGB 219 96 255	#DB60FF
50.0%	50.0% #B872FF	RGB 184 114 255	#B872FF
66.7%	66.7% #9E84FF	RGB 158 132 255	#9E84FF
83.3%	83.3% #969CFF	RGB 150 156 255	#969CFF
100.0%	100.0% #A8C6FF	RGB 168 198 255	#A8C6FF

#FF3DBE #FF4EF5 #DB60FF #B872FF #9E84FF #969CFF #A8C6FF

#FF3DBE - #B872FF - #A8C6FF

CSS codes

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

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