#FFBFD6 - #DA5E8D | 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 #FFBFD6 to #DA5E8D

#FFBFD6 #DA5E8D

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

#FFBFD6 - #DA5E8D | 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 #FFBFD6 as 0% and #DA5E8D as 100%.

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F8AEC9	RGB 248 174 201	#F8AEC9
33.3%	33.3% #F29EBD	RGB 242 158 189	#F29EBD
50.0%	50.0% #EC8EB1	RGB 236 142 177	#EC8EB1
66.7%	66.7% #E67EA5	RGB 230 126 165	#E67EA5
83.3%	83.3% #E06E99	RGB 224 110 153	#E06E99
100.0%	100.0% #DA5E8D	RGB 218 94 141	#DA5E8D

#FFBFD6 #F8AEC9 #F29EBD #EC8EB1 #E67EA5 #E06E99 #DA5E8D

#FFBFD6 - #DA5E8D

HSV Blend

#FFBFD6 - #DA5E8D | 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 #FFBFD6 as 0% and #DA5E8D as 100%.

0.0%	0.0% #FFBFD6	RGB 255 191 214	#FFBFD6
16.7%	16.7% #F8ADC8	RGB 248 173 200	#F8ADC8
33.3%	33.3% #F29CBB	RGB 242 156 187	#F29CBB
50.0%	50.0% #EC8BAF	RGB 236 139 175	#EC8BAF
66.7%	66.7% #E67BA3	RGB 230 123 163	#E67BA3
83.3%	83.3% #E06C97	RGB 224 108 151	#E06C97
100.0%	100.0% #DA5E8D	RGB 218 94 141	#DA5E8D

#FFBFD6 #F8ADC8 #F29CBB #EC8BAF #E67BA3 #E06C97 #DA5E8D

#FFBFD6 - #EC8BAF - #DA5E8D

CSS codes

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

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