#FEB5DF - #DA499A | 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 #FEB5DF to #DA499A

#FEB5DF #DA499A

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

#FEB5DF - #DA499A | 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 #FEB5DF as 0% and #DA499A as 100%.

0.0%	0.0% #FEB5DF	RGB 254 181 223	#FEB5DF
16.7%	16.7% #F8A3D3	RGB 248 163 211	#F8A3D3
33.3%	33.3% #F291C8	RGB 242 145 200	#F291C8
50.0%	50.0% #EC7FBC	RGB 236 127 188	#EC7FBC
66.7%	66.7% #E66DB1	RGB 230 109 177	#E66DB1
83.3%	83.3% #E05BA5	RGB 224 91 165	#E05BA5
100.0%	100.0% #DA499A	RGB 218 73 154	#DA499A

#FEB5DF #F8A3D3 #F291C8 #EC7FBC #E66DB1 #E05BA5 #DA499A

#FEB5DF - #DA499A

HSV Blend

#FEB5DF - #DA499A | 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 #FEB5DF as 0% and #DA499A as 100%.

0.0%	0.0% #FEB5DF	RGB 254 181 223	#FEB5DF
16.7%	16.7% #F8A1D2	RGB 248 161 210	#F8A1D2
33.3%	33.3% #F28DC6	RGB 242 141 198	#F28DC6
50.0%	50.0% #EC7BBB	RGB 236 123 187	#EC7BBB
66.7%	66.7% #E669AF	RGB 230 105 175	#E669AF
83.3%	83.3% #E059A4	RGB 224 89 164	#E059A4
100.0%	100.0% #DA499A	RGB 218 73 154	#DA499A

#FEB5DF #F8A1D2 #F28DC6 #EC7BBB #E669AF #E059A4 #DA499A

#FEB5DF - #EC7BBB - #DA499A

CSS codes

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

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