#C26C9F - #FBC5BC | 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 #C26C9F to #FBC5BC

#C26C9F #FBC5BC

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

#C26C9F - #FBC5BC | 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 #C26C9F as 0% and #FBC5BC as 100%.

0.0%	0.0% #C26C9F	RGB 194 108 159	#C26C9F
16.7%	16.7% #CB7AA3	RGB 203 122 163	#CB7AA3
33.3%	33.3% #D589A8	RGB 213 137 168	#D589A8
50.0%	50.0% #DE98AD	RGB 222 152 173	#DE98AD
66.7%	66.7% #E8A7B2	RGB 232 167 178	#E8A7B2
83.3%	83.3% #F1B6B7	RGB 241 182 183	#F1B6B7
100.0%	100.0% #FBC5BC	RGB 251 197 188	#FBC5BC

#C26C9F #CB7AA3 #D589A8 #DE98AD #E8A7B2 #F1B6B7 #FBC5BC

#C26C9F - #FBC5BC

HSV Blend

#C26C9F - #FBC5BC | 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 #C26C9F as 0% and #FBC5BC as 100%.

0.0%	0.0% #C26C9F	RGB 194 108 159	#C26C9F
16.7%	16.7% #CB779F	RGB 203 119 159	#CB779F
33.3%	33.3% #D584A0	RGB 213 132 160	#D584A0
50.0%	50.0% #DE91A2	RGB 222 145 162	#DE91A2
66.7%	66.7% #E89EA6	RGB 232 158 166	#E89EA6
83.3%	83.3% #F1AEAD	RGB 241 174 173	#F1AEAD
100.0%	100.0% #FBC5BC	RGB 251 197 188	#FBC5BC

#C26C9F #CB779F #D584A0 #DE91A2 #E89EA6 #F1AEAD #FBC5BC

#C26C9F - #DE91A2 - #FBC5BC

CSS codes

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

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