#CC3CDF - #F0C7F5 | 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 #CC3CDF to #F0C7F5

#CC3CDF #F0C7F5

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

#CC3CDF - #F0C7F5 | 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 #CC3CDF as 0% and #F0C7F5 as 100%.

0.0%	0.0% #CC3CDF	RGB 204 60 223	#CC3CDF
16.7%	16.7% #D253E2	RGB 210 83 226	#D253E2
33.3%	33.3% #D86AE6	RGB 216 106 230	#D86AE6
50.0%	50.0% #DE81EA	RGB 222 129 234	#DE81EA
66.7%	66.7% #E498ED	RGB 228 152 237	#E498ED
83.3%	83.3% #EAAFF1	RGB 234 175 241	#EAAFF1
100.0%	100.0% #F0C7F5	RGB 240 199 245	#F0C7F5

#CC3CDF #D253E2 #D86AE6 #DE81EA #E498ED #EAAFF1 #F0C7F5

#CC3CDF - #F0C7F5

HSV Blend

#CC3CDF - #F0C7F5 | 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 #CC3CDF as 0% and #F0C7F5 as 100%.

0.0%	0.0% #CC3CDF	RGB 204 60 223	#CC3CDF
16.7%	16.7% #D151E2	RGB 209 81 226	#D151E2
33.3%	33.3% #D767E6	RGB 215 103 230	#D767E6
50.0%	50.0% #DD7EEA	RGB 221 126 234	#DD7EEA
66.7%	66.7% #E396ED	RGB 227 150 237	#E396ED
83.3%	83.3% #E9AEF1	RGB 233 174 241	#E9AEF1
100.0%	100.0% #F0C7F5	RGB 240 199 245	#F0C7F5

#CC3CDF #D151E2 #D767E6 #DD7EEA #E396ED #E9AEF1 #F0C7F5

#CC3CDF - #DD7EEA - #F0C7F5

CSS codes

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

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