#FD8DF1 - #D102B7 | 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 #FD8DF1 to #D102B7

#FD8DF1 #D102B7

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

#FD8DF1 - #D102B7 | 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 #FD8DF1 as 0% and #D102B7 as 100%.

0.0%	0.0% #FD8DF1	RGB 253 141 241	#FD8DF1
16.7%	16.7% #F575E7	RGB 245 117 231	#F575E7
33.3%	33.3% #EE5EDD	RGB 238 94 221	#EE5EDD
50.0%	50.0% #E747D4	RGB 231 71 212	#E747D4
66.7%	66.7% #DF30CA	RGB 223 48 202	#DF30CA
83.3%	83.3% #D819C0	RGB 216 25 192	#D819C0
100.0%	100.0% #D102B7	RGB 209 2 183	#D102B7

#FD8DF1 #F575E7 #EE5EDD #E747D4 #DF30CA #D819C0 #D102B7

#FD8DF1 - #D102B7

HSV Blend

#FD8DF1 - #D102B7 | 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 #FD8DF1 as 0% and #D102B7 as 100%.

0.0%	0.0% #FD8DF1	RGB 253 141 241	#FD8DF1
16.7%	16.7% #F572E7	RGB 245 114 231	#F572E7
33.3%	33.3% #EE59DD	RGB 238 89 221	#EE59DD
50.0%	50.0% #E741D3	RGB 231 65 211	#E741D3
66.7%	66.7% #DF2ACA	RGB 223 42 202	#DF2ACA
83.3%	83.3% #D815C0	RGB 216 21 192	#D815C0
100.0%	100.0% #D102B7	RGB 209 2 183	#D102B7

#FD8DF1 #F572E7 #EE59DD #E741D3 #DF2ACA #D815C0 #D102B7

#FD8DF1 - #E741D3 - #D102B7

CSS codes

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

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