#CC6D9A - #F0D5E1 | 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 #CC6D9A to #F0D5E1

#CC6D9A #F0D5E1

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

#CC6D9A - #F0D5E1 | 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 #CC6D9A as 0% and #F0D5E1 as 100%.

0.0%	0.0% #CC6D9A	RGB 204 109 154	#CC6D9A
16.7%	16.7% #D27EA5	RGB 210 126 165	#D27EA5
33.3%	33.3% #D88FB1	RGB 216 143 177	#D88FB1
50.0%	50.0% #DEA1BD	RGB 222 161 189	#DEA1BD
66.7%	66.7% #E4B2C9	RGB 228 178 201	#E4B2C9
83.3%	83.3% #EAC3D5	RGB 234 195 213	#EAC3D5
100.0%	100.0% #F0D5E1	RGB 240 213 225	#F0D5E1

#CC6D9A #D27EA5 #D88FB1 #DEA1BD #E4B2C9 #EAC3D5 #F0D5E1

#CC6D9A - #F0D5E1

HSV Blend

#CC6D9A - #F0D5E1 | 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 #CC6D9A as 0% and #F0D5E1 as 100%.

0.0%	0.0% #CC6D9A	RGB 204 109 154	#CC6D9A
16.7%	16.7% #D27CA4	RGB 210 124 164	#D27CA4
33.3%	33.3% #D88CAF	RGB 216 140 175	#D88CAF
50.0%	50.0% #DE9DBB	RGB 222 157 187	#DE9DBB
66.7%	66.7% #E4AFC7	RGB 228 175 199	#E4AFC7
83.3%	83.3% #EAC1D3	RGB 234 193 211	#EAC1D3
100.0%	100.0% #F0D5E1	RGB 240 213 225	#F0D5E1

#CC6D9A #D27CA4 #D88CAF #DE9DBB #E4AFC7 #EAC1D3 #F0D5E1

#CC6D9A - #DE9DBB - #F0D5E1

CSS codes

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

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