#DD85AF - #FCA8A8 | 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 #DD85AF to #FCA8A8

#DD85AF #FCA8A8

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

#DD85AF - #FCA8A8 | 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 #DD85AF as 0% and #FCA8A8 as 100%.

0.0%	0.0% #DD85AF	RGB 221 133 175	#DD85AF
16.7%	16.7% #E28AAD	RGB 226 138 173	#E28AAD
33.3%	33.3% #E790AC	RGB 231 144 172	#E790AC
50.0%	50.0% #EC96AB	RGB 236 150 171	#EC96AB
66.7%	66.7% #F19CAA	RGB 241 156 170	#F19CAA
83.3%	83.3% #F6A2A9	RGB 246 162 169	#F6A2A9
100.0%	100.0% #FCA8A8	RGB 252 168 168	#FCA8A8

#DD85AF #E28AAD #E790AC #EC96AB #F19CAA #F6A2A9 #FCA8A8

#DD85AF - #FCA8A8

HSV Blend

#DD85AF - #FCA8A8 | 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 #DD85AF as 0% and #FCA8A8 as 100%.

0.0%	0.0% #DD85AF	RGB 221 133 175	#DD85AF
16.7%	16.7% #E28AAD	RGB 226 138 173	#E28AAD
33.3%	33.3% #E790AB	RGB 231 144 171	#E790AB
50.0%	50.0% #EC95AA	RGB 236 149 170	#EC95AA
66.7%	66.7% #F19BA9	RGB 241 155 169	#F19BA9
83.3%	83.3% #F6A1A8	RGB 246 161 168	#F6A1A8
100.0%	100.0% #FCA8A8	RGB 252 168 168	#FCA8A8

#DD85AF #E28AAD #E790AB #EC95AA #F19BA9 #F6A1A8 #FCA8A8

#DD85AF - #EC95AA - #FCA8A8

CSS codes

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

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