#FFB2DF - #DB449A | 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 #FFB2DF to #DB449A

#FFB2DF #DB449A

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

#FFB2DF - #DB449A | 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 #FFB2DF as 0% and #DB449A as 100%.

0.0%	0.0% #FFB2DF	RGB 255 178 223	#FFB2DF
16.7%	16.7% #F99FD3	RGB 249 159 211	#F99FD3
33.3%	33.3% #F38DC8	RGB 243 141 200	#F38DC8
50.0%	50.0% #ED7BBC	RGB 237 123 188	#ED7BBC
66.7%	66.7% #E768B1	RGB 231 104 177	#E768B1
83.3%	83.3% #E156A5	RGB 225 86 165	#E156A5
100.0%	100.0% #DB449A	RGB 219 68 154	#DB449A

#FFB2DF #F99FD3 #F38DC8 #ED7BBC #E768B1 #E156A5 #DB449A

#FFB2DF - #DB449A

HSV Blend

#FFB2DF - #DB449A | 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 #FFB2DF as 0% and #DB449A as 100%.

0.0%	0.0% #FFB2DF	RGB 255 178 223	#FFB2DF
16.7%	16.7% #F99DD2	RGB 249 157 210	#F99DD2
33.3%	33.3% #F38AC6	RGB 243 138 198	#F38AC6
50.0%	50.0% #ED77BB	RGB 237 119 187	#ED77BB
66.7%	66.7% #E765AF	RGB 231 101 175	#E765AF
83.3%	83.3% #E154A4	RGB 225 84 164	#E154A4
100.0%	100.0% #DB449A	RGB 219 68 154	#DB449A

#FFB2DF #F99DD2 #F38AC6 #ED77BB #E765AF #E154A4 #DB449A

#FFB2DF - #ED77BB - #DB449A

CSS codes

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

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