#FF4BD7 - #DA159B | 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 #FF4BD7 to #DA159B

#FF4BD7 #DA159B

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

#FF4BD7 - #DA159B | 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 #FF4BD7 as 0% and #DA159B as 100%.

0.0%	0.0% #FF4BD7	RGB 255 75 215	#FF4BD7
16.7%	16.7% #F842CD	RGB 248 66 205	#F842CD
33.3%	33.3% #F239C3	RGB 242 57 195	#F239C3
50.0%	50.0% #EC30B9	RGB 236 48 185	#EC30B9
66.7%	66.7% #E627AF	RGB 230 39 175	#E627AF
83.3%	83.3% #E01EA5	RGB 224 30 165	#E01EA5
100.0%	100.0% #DA159B	RGB 218 21 155	#DA159B

#FF4BD7 #F842CD #F239C3 #EC30B9 #E627AF #E01EA5 #DA159B

#FF4BD7 - #DA159B

HSV Blend

#FF4BD7 - #DA159B | 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 #FF4BD7 as 0% and #DA159B as 100%.

0.0%	0.0% #FF4BD7	RGB 255 75 215	#FF4BD7
16.7%	16.7% #F840CC	RGB 248 64 204	#F840CC
33.3%	33.3% #F237C2	RGB 242 55 194	#F237C2
50.0%	50.0% #EC2EB8	RGB 236 46 184	#EC2EB8
66.7%	66.7% #E625AE	RGB 230 37 174	#E625AE
83.3%	83.3% #E01CA4	RGB 224 28 164	#E01CA4
100.0%	100.0% #DA159B	RGB 218 21 155	#DA159B

#FF4BD7 #F840CC #F237C2 #EC2EB8 #E625AE #E01CA4 #DA159B

#FF4BD7 - #EC2EB8 - #DA159B

CSS codes

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

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