#CCFFA8 - #FFC3BB | 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 #CCFFA8 to #FFC3BB

#CCFFA8 #FFC3BB

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

#CCFFA8 - #FFC3BB | 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 #CCFFA8 as 0% and #FFC3BB as 100%.

0.0%	0.0% #CCFFA8	RGB 204 255 168	#CCFFA8
16.7%	16.7% #D4F5AB	RGB 212 245 171	#D4F5AB
33.3%	33.3% #DDEBAE	RGB 221 235 174	#DDEBAE
50.0%	50.0% #E5E1B1	RGB 229 225 177	#E5E1B1
66.7%	66.7% #EED7B4	RGB 238 215 180	#EED7B4
83.3%	83.3% #F6CDB7	RGB 246 205 183	#F6CDB7
100.0%	100.0% #FFC3BB	RGB 255 195 187	#FFC3BB

#CCFFA8 #D4F5AB #DDEBAE #E5E1B1 #EED7B4 #F6CDB7 #FFC3BB

#CCFFA8 - #FFC3BB

HSV Blend

#CCFFA8 - #FFC3BB | 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 #CCFFA8 as 0% and #FFC3BB as 100%.

0.0%	0.0% #CCFFA8	RGB 204 255 168	#CCFFA8
16.7%	16.7% #E2FFAB	RGB 226 255 171	#E2FFAB
33.3%	33.3% #F7FFAE	RGB 247 255 174	#F7FFAE
50.0%	50.0% #FFF3B1	RGB 255 243 177	#FFF3B1
66.7%	66.7% #FFE1B4	RGB 255 225 180	#FFE1B4
83.3%	83.3% #FFD1B7	RGB 255 209 183	#FFD1B7
100.0%	100.0% #FFC3BB	RGB 255 195 187	#FFC3BB

#CCFFA8 #E2FFAB #F7FFAE #FFF3B1 #FFE1B4 #FFD1B7 #FFC3BB

#CCFFA8 - #FFF3B1 - #FFC3BB

CSS codes

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

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