#CC6FDF - #FD91EA | 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 #CC6FDF to #FD91EA

#CC6FDF #FD91EA

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

#CC6FDF - #FD91EA | 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 #CC6FDF as 0% and #FD91EA as 100%.

0.0%	0.0% #CC6FDF	RGB 204 111 223	#CC6FDF
16.7%	16.7% #D474E0	RGB 212 116 224	#D474E0
33.3%	33.3% #DC7AE2	RGB 220 122 226	#DC7AE2
50.0%	50.0% #E480E4	RGB 228 128 228	#E480E4
66.7%	66.7% #EC85E6	RGB 236 133 230	#EC85E6
83.3%	83.3% #F48BE8	RGB 244 139 232	#F48BE8
100.0%	100.0% #FD91EA	RGB 253 145 234	#FD91EA

#CC6FDF #D474E0 #DC7AE2 #E480E4 #EC85E6 #F48BE8 #FD91EA

#CC6FDF - #FD91EA

HSV Blend

#CC6FDF - #FD91EA | 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 #CC6FDF as 0% and #FD91EA as 100%.

0.0%	0.0% #CC6FDF	RGB 204 111 223	#CC6FDF
16.7%	16.7% #D774E4	RGB 215 116 228	#D774E4
33.3%	33.3% #E279E9	RGB 226 121 233	#E279E9
50.0%	50.0% #EE7FED	RGB 238 127 237	#EE7FED
66.7%	66.7% #F385EC	RGB 243 133 236	#F385EC
83.3%	83.3% #F88BEB	RGB 248 139 235	#F88BEB
100.0%	100.0% #FD91EA	RGB 253 145 234	#FD91EA

#CC6FDF #D774E4 #E279E9 #EE7FED #F385EC #F88BEB #FD91EA

#CC6FDF - #EE7FED - #FD91EA

CSS codes

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

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