#FF4BCC - #DB158B | 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 #FF4BCC to #DB158B

#FF4BCC #DB158B

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

#FF4BCC - #DB158B | 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 #FF4BCC as 0% and #DB158B as 100%.

0.0%	0.0% #FF4BCC	RGB 255 75 204	#FF4BCC
16.7%	16.7% #F942C1	RGB 249 66 193	#F942C1
33.3%	33.3% #F339B6	RGB 243 57 182	#F339B6
50.0%	50.0% #ED30AB	RGB 237 48 171	#ED30AB
66.7%	66.7% #E727A0	RGB 231 39 160	#E727A0
83.3%	83.3% #E11E95	RGB 225 30 149	#E11E95
100.0%	100.0% #DB158B	RGB 219 21 139	#DB158B

#FF4BCC #F942C1 #F339B6 #ED30AB #E727A0 #E11E95 #DB158B

#FF4BCC - #DB158B

HSV Blend

#FF4BCC - #DB158B | 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 #FF4BCC as 0% and #DB158B as 100%.

0.0%	0.0% #FF4BCC	RGB 255 75 204	#FF4BCC
16.7%	16.7% #F941C1	RGB 249 65 193	#F941C1
33.3%	33.3% #F337B6	RGB 243 55 182	#F337B6
50.0%	50.0% #ED2EAB	RGB 237 46 171	#ED2EAB
66.7%	66.7% #E725A0	RGB 231 37 160	#E725A0
83.3%	83.3% #E11D95	RGB 225 29 149	#E11D95
100.0%	100.0% #DB158B	RGB 219 21 139	#DB158B

#FF4BCC #F941C1 #F337B6 #ED2EAB #E725A0 #E11D95 #DB158B

#FF4BCC - #ED2EAB - #DB158B

CSS codes

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

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