#CC6D85 - #FF95DB | 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 #CC6D85 to #FF95DB

#CC6D85 #FF95DB

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

#CC6D85 - #FF95DB | 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 #CC6D85 as 0% and #FF95DB as 100%.

0.0%	0.0% #CC6D85	RGB 204 109 133	#CC6D85
16.7%	16.7% #D47393	RGB 212 115 147	#D47393
33.3%	33.3% #DD7AA1	RGB 221 122 161	#DD7AA1
50.0%	50.0% #E581B0	RGB 229 129 176	#E581B0
66.7%	66.7% #EE87BE	RGB 238 135 190	#EE87BE
83.3%	83.3% #F68ECC	RGB 246 142 204	#F68ECC
100.0%	100.0% #FF95DB	RGB 255 149 219	#FF95DB

#CC6D85 #D47393 #DD7AA1 #E581B0 #EE87BE #F68ECC #FF95DB

#CC6D85 - #FF95DB

HSV Blend

#CC6D85 - #FF95DB | 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 #CC6D85 as 0% and #FF95DB as 100%.

0.0%	0.0% #CC6D85	RGB 204 109 133	#CC6D85
16.7%	16.7% #D47392	RGB 212 115 146	#D47392
33.3%	33.3% #DD79A0	RGB 221 121 160	#DD79A0
50.0%	50.0% #E580AE	RGB 229 128 174	#E580AE
66.7%	66.7% #EE87BD	RGB 238 135 189	#EE87BD
83.3%	83.3% #F68DCB	RGB 246 141 203	#F68DCB
100.0%	100.0% #FF95DB	RGB 255 149 219	#FF95DB

#CC6D85 #D47392 #DD79A0 #E580AE #EE87BD #F68DCB #FF95DB

#CC6D85 - #E580AE - #FF95DB

CSS codes

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

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