#C74DDF - #EDCCF5 | 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 #C74DDF to #EDCCF5

#C74DDF #EDCCF5

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

#C74DDF - #EDCCF5 | 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 #C74DDF as 0% and #EDCCF5 as 100%.

0.0%	0.0% #C74DDF	RGB 199 77 223	#C74DDF
16.7%	16.7% #CD62E2	RGB 205 98 226	#CD62E2
33.3%	33.3% #D377E6	RGB 211 119 230	#D377E6
50.0%	50.0% #DA8CEA	RGB 218 140 234	#DA8CEA
66.7%	66.7% #E0A1ED	RGB 224 161 237	#E0A1ED
83.3%	83.3% #E6B6F1	RGB 230 182 241	#E6B6F1
100.0%	100.0% #EDCCF5	RGB 237 204 245	#EDCCF5

#C74DDF #CD62E2 #D377E6 #DA8CEA #E0A1ED #E6B6F1 #EDCCF5

#C74DDF - #EDCCF5

HSV Blend

#C74DDF - #EDCCF5 | 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 #C74DDF as 0% and #EDCCF5 as 100%.

0.0%	0.0% #C74DDF	RGB 199 77 223	#C74DDF
16.7%	16.7% #CC60E2	RGB 204 96 226	#CC60E2
33.3%	33.3% #D274E6	RGB 210 116 230	#D274E6
50.0%	50.0% #D889EA	RGB 216 137 234	#D889EA
66.7%	66.7% #DF9FED	RGB 223 159 237	#DF9FED
83.3%	83.3% #E5B5F1	RGB 229 181 241	#E5B5F1
100.0%	100.0% #EDCCF5	RGB 237 204 245	#EDCCF5

#C74DDF #CC60E2 #D274E6 #D889EA #DF9FED #E5B5F1 #EDCCF5

#C74DDF - #D889EA - #EDCCF5

CSS codes

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

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