#FFC1BE - #FFECEC | 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 #FFC1BE to #FFECEC

#FFC1BE #FFECEC

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

#FFC1BE - #FFECEC | 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 #FFC1BE as 0% and #FFECEC as 100%.

0.0%	0.0% #FFC1BE	RGB 255 193 190	#FFC1BE
16.7%	16.7% #FFC8C5	RGB 255 200 197	#FFC8C5
33.3%	33.3% #FFCFCD	RGB 255 207 205	#FFCFCD
50.0%	50.0% #FFD6D5	RGB 255 214 213	#FFD6D5
66.7%	66.7% #FFDDDC	RGB 255 221 220	#FFDDDC
83.3%	83.3% #FFE4E4	RGB 255 228 228	#FFE4E4
100.0%	100.0% #FFECEC	RGB 255 236 236	#FFECEC

#FFC1BE #FFC8C5 #FFCFCD #FFD6D5 #FFDDDC #FFE4E4 #FFECEC

#FFC1BE - #FFECEC

HSV Blend

#FFC1BE - #FFECEC | 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 #FFC1BE as 0% and #FFECEC as 100%.

0.0%	0.0% #FFC1BE	RGB 255 193 190	#FFC1BE
16.7%	16.7% #FFC7C5	RGB 255 199 197	#FFC7C5
33.3%	33.3% #FFCECD	RGB 255 206 205	#FFCECD
50.0%	50.0% #FFD5D5	RGB 255 213 213	#FFD5D5
66.7%	66.7% #FFDDDC	RGB 255 221 220	#FFDDDC
83.3%	83.3% #FFE4E4	RGB 255 228 228	#FFE4E4
100.0%	100.0% #FFECEC	RGB 255 236 236	#FFECEC

#FFC1BE #FFC7C5 #FFCECD #FFD5D5 #FFDDDC #FFE4E4 #FFECEC

#FFC1BE - #FFD5D5 - #FFECEC

CSS codes

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

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