#DC7CB2 - #FBD8D0 | 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 #DC7CB2 to #FBD8D0

#DC7CB2 #FBD8D0

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

#DC7CB2 - #FBD8D0 | 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 #DC7CB2 as 0% and #FBD8D0 as 100%.

0.0%	0.0% #DC7CB2	RGB 220 124 178	#DC7CB2
16.7%	16.7% #E18BB7	RGB 225 139 183	#E18BB7
33.3%	33.3% #E69ABC	RGB 230 154 188	#E69ABC
50.0%	50.0% #EBAAC1	RGB 235 170 193	#EBAAC1
66.7%	66.7% #F0B9C6	RGB 240 185 198	#F0B9C6
83.3%	83.3% #F5C8CB	RGB 245 200 203	#F5C8CB
100.0%	100.0% #FBD8D0	RGB 251 216 208	#FBD8D0

#DC7CB2 #E18BB7 #E69ABC #EBAAC1 #F0B9C6 #F5C8CB #FBD8D0

#DC7CB2 - #FBD8D0

HSV Blend

#DC7CB2 - #FBD8D0 | 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 #DC7CB2 as 0% and #FBD8D0 as 100%.

0.0%	0.0% #DC7CB2	RGB 220 124 178	#DC7CB2
16.7%	16.7% #E188AF	RGB 225 136 175	#E188AF
33.3%	33.3% #E696AF	RGB 230 150 175	#E696AF
50.0%	50.0% #EBA3B1	RGB 235 163 177	#EBA3B1
66.7%	66.7% #F0B2B6	RGB 240 178 182	#F0B2B6
83.3%	83.3% #F5C4C0	RGB 245 196 192	#F5C4C0
100.0%	100.0% #FBD8D0	RGB 251 216 208	#FBD8D0

#DC7CB2 #E188AF #E696AF #EBA3B1 #F0B2B6 #F5C4C0 #FBD8D0

#DC7CB2 - #EBA3B1 - #FBD8D0

CSS codes

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

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