#DD5087 - #F5CDDC | 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 #DD5087 to #F5CDDC

#DD5087 #F5CDDC

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

#DD5087 - #F5CDDC | 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 #DD5087 as 0% and #F5CDDC as 100%.

0.0%	0.0% #DD5087	RGB 221 80 135	#DD5087
16.7%	16.7% #E16495	RGB 225 100 149	#E16495
33.3%	33.3% #E579A3	RGB 229 121 163	#E579A3
50.0%	50.0% #E98EB1	RGB 233 142 177	#E98EB1
66.7%	66.7% #EDA3BF	RGB 237 163 191	#EDA3BF
83.3%	83.3% #F1B8CD	RGB 241 184 205	#F1B8CD
100.0%	100.0% #F5CDDC	RGB 245 205 220	#F5CDDC

#DD5087 #E16495 #E579A3 #E98EB1 #EDA3BF #F1B8CD #F5CDDC

#DD5087 - #F5CDDC

HSV Blend

#DD5087 - #F5CDDC | 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 #DD5087 as 0% and #F5CDDC as 100%.

0.0%	0.0% #DD5086	RGB 221 80 134	#DD5086
16.7%	16.7% #E16393	RGB 225 99 147	#E16393
33.3%	33.3% #E577A1	RGB 229 119 161	#E577A1
50.0%	50.0% #E98BAF	RGB 233 139 175	#E98BAF
66.7%	66.7% #EDA0BD	RGB 237 160 189	#EDA0BD
83.3%	83.3% #F1B6CC	RGB 241 182 204	#F1B6CC
100.0%	100.0% #F5CDDC	RGB 245 205 220	#F5CDDC

#DD5086 #E16393 #E577A1 #E98BAF #EDA0BD #F1B6CC #F5CDDC

#DD5087 - #E98BAF - #F5CDDC

CSS codes

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

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