#DC42C0 - #FEBBEC | 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 #DC42C0 to #FEBBEC

#DC42C0 #FEBBEC

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

#DC42C0 - #FEBBEC | 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 #DC42C0 as 0% and #FEBBEC as 100%.

0.0%	0.0% #DC42C0	RGB 220 66 192	#DC42C0
16.7%	16.7% #E156C7	RGB 225 86 199	#E156C7
33.3%	33.3% #E76ACE	RGB 231 106 206	#E76ACE
50.0%	50.0% #ED7ED6	RGB 237 126 214	#ED7ED6
66.7%	66.7% #F292DD	RGB 242 146 221	#F292DD
83.3%	83.3% #F8A6E4	RGB 248 166 228	#F8A6E4
100.0%	100.0% #FEBBEC	RGB 254 187 236	#FEBBEC

#DC42C0 #E156C7 #E76ACE #ED7ED6 #F292DD #F8A6E4 #FEBBEC

#DC42C0 - #FEBBEC

HSV Blend

#DC42C0 - #FEBBEC | 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 #DC42C0 as 0% and #FEBBEC as 100%.

0.0%	0.0% #DC42C0	RGB 220 66 192	#DC42C0
16.7%	16.7% #E154C5	RGB 225 84 197	#E154C5
33.3%	33.3% #E767CC	RGB 231 103 204	#E767CC
50.0%	50.0% #ED7AD3	RGB 237 122 211	#ED7AD3
66.7%	66.7% #F28FDA	RGB 242 143 218	#F28FDA
83.3%	83.3% #F8A4E3	RGB 248 164 227	#F8A4E3
100.0%	100.0% #FEBBEC	RGB 254 187 236	#FEBBEC

#DC42C0 #E154C5 #E767CC #ED7AD3 #F28FDA #F8A4E3 #FEBBEC

#DC42C0 - #ED7AD3 - #FEBBEC

CSS codes

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

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