#C070B6 - #FCDDBF | 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 #C070B6 to #FCDDBF

#C070B6 #FCDDBF

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

#C070B6 - #FCDDBF | 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 #C070B6 as 0% and #FCDDBF as 100%.

0.0%	0.0% #C070B6	RGB 192 112 182	#C070B6
16.7%	16.7% #CA82B7	RGB 202 130 183	#CA82B7
33.3%	33.3% #D494B9	RGB 212 148 185	#D494B9
50.0%	50.0% #DEA6BA	RGB 222 166 186	#DEA6BA
66.7%	66.7% #E8B8BC	RGB 232 184 188	#E8B8BC
83.3%	83.3% #F2CABD	RGB 242 202 189	#F2CABD
100.0%	100.0% #FCDDBF	RGB 252 221 191	#FCDDBF

#C070B6 #CA82B7 #D494B9 #DEA6BA #E8B8BC #F2CABD #FCDDBF

#C070B6 - #FCDDBF

HSV Blend

#C070B6 - #FCDDBF | 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 #C070B6 as 0% and #FCDDBF as 100%.

0.0%	0.0% #C070B6	RGB 192 112 182	#C070B6
16.7%	16.7% #CA7BAE	RGB 202 123 174	#CA7BAE
33.3%	33.3% #D488A7	RGB 212 136 167	#D488A7
50.0%	50.0% #DE94A2	RGB 222 148 162	#DE94A2
66.7%	66.7% #E8A4A2	RGB 232 164 162	#E8A4A2
83.3%	83.3% #F2C1B0	RGB 242 193 176	#F2C1B0
100.0%	100.0% #FCDDBF	RGB 252 221 191	#FCDDBF

#C070B6 #CA7BAE #D488A7 #DE94A2 #E8A4A2 #F2C1B0 #FCDDBF

#C070B6 - #DE94A2 - #FCDDBF

CSS codes

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

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