#CC97BB - #FFCCC4 | 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 #CC97BB to #FFCCC4

#CC97BB #FFCCC4

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

#CC97BB - #FFCCC4 | 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 #CC97BB as 0% and #FFCCC4 as 100%.

0.0%	0.0% #CC97BB	RGB 204 151 187	#CC97BB
16.7%	16.7% #D49FBC	RGB 212 159 188	#D49FBC
33.3%	33.3% #DDA8BE	RGB 221 168 190	#DDA8BE
50.0%	50.0% #E5B1BF	RGB 229 177 191	#E5B1BF
66.7%	66.7% #EEBAC1	RGB 238 186 193	#EEBAC1
83.3%	83.3% #F6C3C2	RGB 246 195 194	#F6C3C2
100.0%	100.0% #FFCCC4	RGB 255 204 196	#FFCCC4

#CC97BB #D49FBC #DDA8BE #E5B1BF #EEBAC1 #F6C3C2 #FFCCC4

#CC97BB - #FFCCC4

HSV Blend

#CC97BB - #FFCCC4 | 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 #CC97BB as 0% and #FFCCC4 as 100%.

0.0%	0.0% #CC97BB	RGB 204 151 187	#CC97BB
16.7%	16.7% #D49EBB	RGB 212 158 187	#D49EBB
33.3%	33.3% #DDA5BC	RGB 221 165 188	#DDA5BC
50.0%	50.0% #E5ADBC	RGB 229 173 188	#E5ADBC
66.7%	66.7% #EEB4BC	RGB 238 180 188	#EEB4BC
83.3%	83.3% #F6BCBC	RGB 246 188 188	#F6BCBC
100.0%	100.0% #FFCCC4	RGB 255 204 196	#FFCCC4

#CC97BB #D49EBB #DDA5BC #E5ADBC #EEB4BC #F6BCBC #FFCCC4

#CC97BB - #E5ADBC - #FFCCC4

CSS codes

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

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