#FFB8D9 - #DA5192 | 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 #FFB8D9 to #DA5192

#FFB8D9 #DA5192

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

#FFB8D9 - #DA5192 | 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 #FFB8D9 as 0% and #DA5192 as 100%.

0.0%	0.0% #FFB8D9	RGB 255 184 217	#FFB8D9
16.7%	16.7% #F8A6CD	RGB 248 166 205	#F8A6CD
33.3%	33.3% #F295C1	RGB 242 149 193	#F295C1
50.0%	50.0% #EC84B5	RGB 236 132 181	#EC84B5
66.7%	66.7% #E673A9	RGB 230 115 169	#E673A9
83.3%	83.3% #E0629D	RGB 224 98 157	#E0629D
100.0%	100.0% #DA5192	RGB 218 81 146	#DA5192

#FFB8D9 #F8A6CD #F295C1 #EC84B5 #E673A9 #E0629D #DA5192

#FFB8D9 - #DA5192

HSV Blend

#FFB8D9 - #DA5192 | 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 #FFB8D9 as 0% and #DA5192 as 100%.

0.0%	0.0% #FFB8D9	RGB 255 184 217	#FFB8D9
16.7%	16.7% #F8A5CC	RGB 248 165 204	#F8A5CC
33.3%	33.3% #F292BF	RGB 242 146 191	#F292BF
50.0%	50.0% #EC81B3	RGB 236 129 179	#EC81B3
66.7%	66.7% #E670A8	RGB 230 112 168	#E670A8
83.3%	83.3% #E0609C	RGB 224 96 156	#E0609C
100.0%	100.0% #DA5192	RGB 218 81 146	#DA5192

#FFB8D9 #F8A5CC #F292BF #EC81B3 #E670A8 #E0609C #DA5192

#FFB8D9 - #EC81B3 - #DA5192

CSS codes

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

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