#DD6FA7 - #FDCFC5 | 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 #DD6FA7 to #FDCFC5

#DD6FA7 #FDCFC5

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

#DD6FA7 - #FDCFC5 | 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 #DD6FA7 as 0% and #FDCFC5 as 100%.

0.0%	0.0% #DD6FA7	RGB 221 111 167	#DD6FA7
16.7%	16.7% #E27FAC	RGB 226 127 172	#E27FAC
33.3%	33.3% #E78FB1	RGB 231 143 177	#E78FB1
50.0%	50.0% #ED9FB6	RGB 237 159 182	#ED9FB6
66.7%	66.7% #F2AFBB	RGB 242 175 187	#F2AFBB
83.3%	83.3% #F7BFC0	RGB 247 191 192	#F7BFC0
100.0%	100.0% #FDCFC5	RGB 253 207 197	#FDCFC5

#DD6FA7 #E27FAC #E78FB1 #ED9FB6 #F2AFBB #F7BFC0 #FDCFC5

#DD6FA7 - #FDCFC5

HSV Blend

#DD6FA7 - #FDCFC5 | 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 #DD6FA7 as 0% and #FDCFC5 as 100%.

0.0%	0.0% #DD6FA7	RGB 221 111 167	#DD6FA7
16.7%	16.7% #E27CA4	RGB 226 124 164	#E27CA4
33.3%	33.3% #E789A3	RGB 231 137 163	#E789A3
50.0%	50.0% #ED97A5	RGB 237 151 165	#ED97A5
66.7%	66.7% #F2A6AA	RGB 242 166 170	#F2A6AA
83.3%	83.3% #F7B9B5	RGB 247 185 181	#F7B9B5
100.0%	100.0% #FDCFC5	RGB 253 207 197	#FDCFC5

#DD6FA7 #E27CA4 #E789A3 #ED97A5 #F2A6AA #F7B9B5 #FDCFC5

#DD6FA7 - #ED97A5 - #FDCFC5

CSS codes

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

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