#CD3CDF - #FEB0F2 | 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 #CD3CDF to #FEB0F2

#CD3CDF #FEB0F2

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

#CD3CDF - #FEB0F2 | 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 #CD3CDF as 0% and #FEB0F2 as 100%.

0.0%	0.0% #CD3CDF	RGB 205 60 223	#CD3CDF
16.7%	16.7% #D54FE2	RGB 213 79 226	#D54FE2
33.3%	33.3% #DD62E5	RGB 221 98 229	#DD62E5
50.0%	50.0% #E576E8	RGB 229 118 232	#E576E8
66.7%	66.7% #ED89EB	RGB 237 137 235	#ED89EB
83.3%	83.3% #F59CEE	RGB 245 156 238	#F59CEE
100.0%	100.0% #FEB0F2	RGB 254 176 242	#FEB0F2

#CD3CDF #D54FE2 #DD62E5 #E576E8 #ED89EB #F59CEE #FEB0F2

#CD3CDF - #FEB0F2

HSV Blend

#CD3CDF - #FEB0F2 | 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 #CD3CDF as 0% and #FEB0F2 as 100%.

0.0%	0.0% #CD3CDF	RGB 205 60 223	#CD3CDF
16.7%	16.7% #DA4DE4	RGB 218 77 228	#DA4DE4
33.3%	33.3% #E65FE9	RGB 230 95 233	#E65FE9
50.0%	50.0% #EE72EB	RGB 238 114 235	#EE72EB
66.7%	66.7% #F386EC	RGB 243 134 236	#F386EC
83.3%	83.3% #F89AEE	RGB 248 154 238	#F89AEE
100.0%	100.0% #FEB0F2	RGB 254 176 242	#FEB0F2

#CD3CDF #DA4DE4 #E65FE9 #EE72EB #F386EC #F89AEE #FEB0F2

#CD3CDF - #EE72EB - #FEB0F2

CSS codes

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

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