#FF4DEE - #DCC7E5 | 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 #FF4DEE to #DCC7E5

#FF4DEE #DCC7E5

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

#FF4DEE - #DCC7E5 | 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 #FF4DEE as 0% and #DCC7E5 as 100%.

0.0%	0.0% #FF4DEE	RGB 255 77 238	#FF4DEE
16.7%	16.7% #F961EC	RGB 249 97 236	#F961EC
33.3%	33.3% #F375EB	RGB 243 117 235	#F375EB
50.0%	50.0% #ED8AE9	RGB 237 138 233	#ED8AE9
66.7%	66.7% #E79EE8	RGB 231 158 232	#E79EE8
83.3%	83.3% #E1B2E6	RGB 225 178 230	#E1B2E6
100.0%	100.0% #DCC7E5	RGB 220 199 229	#DCC7E5

#FF4DEE #F961EC #F375EB #ED8AE9 #E79EE8 #E1B2E6 #DCC7E5

#FF4DEE - #DCC7E5

HSV Blend

#FF4DEE - #DCC7E5 | 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 #FF4DEE as 0% and #DCC7E5 as 100%.

0.0%	0.0% #FF4DEE	RGB 255 77 238	#FF4DEE
16.7%	16.7% #FA63F6	RGB 250 99 246	#FA63F6
33.3%	33.3% #F178F6	RGB 241 120 246	#F178F6
50.0%	50.0% #E78DF2	RGB 231 141 242	#E78DF2
66.7%	66.7% #E0A1ED	RGB 224 161 237	#E0A1ED
83.3%	83.3% #DDB4E9	RGB 221 180 233	#DDB4E9
100.0%	100.0% #DCC7E5	RGB 220 199 229	#DCC7E5

#FF4DEE #FA63F6 #F178F6 #E78DF2 #E0A1ED #DDB4E9 #DCC7E5

#FF4DEE - #E78DF2 - #DCC7E5

CSS codes

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

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