#C78FDF - #EDDFF5 | 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 #C78FDF to #EDDFF5

#C78FDF #EDDFF5

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

#C78FDF - #EDDFF5 | 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 #C78FDF as 0% and #EDDFF5 as 100%.

0.0%	0.0% #C78FDF	RGB 199 143 223	#C78FDF
16.7%	16.7% #CD9CE2	RGB 205 156 226	#CD9CE2
33.3%	33.3% #D3A9E6	RGB 211 169 230	#D3A9E6
50.0%	50.0% #DAB7EA	RGB 218 183 234	#DAB7EA
66.7%	66.7% #E0C4ED	RGB 224 196 237	#E0C4ED
83.3%	83.3% #E6D1F1	RGB 230 209 241	#E6D1F1
100.0%	100.0% #EDDFF5	RGB 237 223 245	#EDDFF5

#C78FDF #CD9CE2 #D3A9E6 #DAB7EA #E0C4ED #E6D1F1 #EDDFF5

#C78FDF - #EDDFF5

HSV Blend

#C78FDF - #EDDFF5 | 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 #C78FDF as 0% and #EDDFF5 as 100%.

0.0%	0.0% #C78FDF	RGB 199 143 223	#C78FDF
16.7%	16.7% #CC9BE2	RGB 204 155 226	#CC9BE2
33.3%	33.3% #D2A8E6	RGB 210 168 230	#D2A8E6
50.0%	50.0% #D8B5EA	RGB 216 181 234	#D8B5EA
66.7%	66.7% #DFC3ED	RGB 223 195 237	#DFC3ED
83.3%	83.3% #E5D0F1	RGB 229 208 241	#E5D0F1
100.0%	100.0% #EDDFF5	RGB 237 223 245	#EDDFF5

#C78FDF #CC9BE2 #D2A8E6 #D8B5EA #DFC3ED #E5D0F1 #EDDFF5

#C78FDF - #D8B5EA - #EDDFF5

CSS codes

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

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