#C718DF - #EFBDF5 | 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 #C718DF to #EFBDF5

#C718DF #EFBDF5

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

#C718DF - #EFBDF5 | 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 #C718DF as 0% and #EFBDF5 as 100%.

0.0%	0.0% #C718DF	RGB 199 24 223	#C718DF
16.7%	16.7% #CD33E2	RGB 205 51 226	#CD33E2
33.3%	33.3% #D44FE6	RGB 212 79 230	#D44FE6
50.0%	50.0% #DB6AEA	RGB 219 106 234	#DB6AEA
66.7%	66.7% #E186ED	RGB 225 134 237	#E186ED
83.3%	83.3% #E8A1F1	RGB 232 161 241	#E8A1F1
100.0%	100.0% #EFBDF5	RGB 239 189 245	#EFBDF5

#C718DF #CD33E2 #D44FE6 #DB6AEA #E186ED #E8A1F1 #EFBDF5

#C718DF - #EFBDF5

HSV Blend

#C718DF - #EFBDF5 | 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 #C718DF as 0% and #EFBDF5 as 100%.

0.0%	0.0% #C718DF	RGB 199 24 223	#C718DF
16.7%	16.7% #CD31E2	RGB 205 49 226	#CD31E2
33.3%	33.3% #D44BE6	RGB 212 75 230	#D44BE6
50.0%	50.0% #DB66EA	RGB 219 102 234	#DB66EA
66.7%	66.7% #E182ED	RGB 225 130 237	#E182ED
83.3%	83.3% #E89FF1	RGB 232 159 241	#E89FF1
100.0%	100.0% #EFBDF5	RGB 239 189 245	#EFBDF5

#C718DF #CD31E2 #D44BE6 #DB66EA #E182ED #E89FF1 #EFBDF5

#C718DF - #DB66EA - #EFBDF5

CSS codes

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

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