#FF6DFB - #FFD5FD | 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 #FF6DFB to #FFD5FD

#FF6DFB #FFD5FD

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

#FF6DFB - #FFD5FD | 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 #FF6DFB as 0% and #FFD5FD as 100%.

0.0%	0.0% #FF6DFB	RGB 255 109 251	#FF6DFB
16.7%	16.7% #FF7EFB	RGB 255 126 251	#FF7EFB
33.3%	33.3% #FF8FFB	RGB 255 143 251	#FF8FFB
50.0%	50.0% #FFA1FC	RGB 255 161 252	#FFA1FC
66.7%	66.7% #FFB2FC	RGB 255 178 252	#FFB2FC
83.3%	83.3% #FFC3FC	RGB 255 195 252	#FFC3FC
100.0%	100.0% #FFD5FD	RGB 255 213 253	#FFD5FD

#FF6DFB #FF7EFB #FF8FFB #FFA1FC #FFB2FC #FFC3FC #FFD5FD

#FF6DFB - #FFD5FD

HSV Blend

#FF6DFB - #FFD5FD | 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 #FF6DFB as 0% and #FFD5FD as 100%.

0.0%	0.0% #FF6DFB	RGB 255 109 251	#FF6DFB
16.7%	16.7% #FF7EFB	RGB 255 126 251	#FF7EFB
33.3%	33.3% #FF8FFB	RGB 255 143 251	#FF8FFB
50.0%	50.0% #FFA1FB	RGB 255 161 251	#FFA1FB
66.7%	66.7% #FFB2FB	RGB 255 178 251	#FFB2FB
83.3%	83.3% #FFC3FC	RGB 255 195 252	#FFC3FC
100.0%	100.0% #FFD5FD	RGB 255 213 253	#FFD5FD

#FF6DFB #FF7EFB #FF8FFB #FFA1FB #FFB2FB #FFC3FC #FFD5FD

#FF6DFB - #FFA1FB - #FFD5FD

CSS codes

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

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