#C28CAC - #FFD8C6 | 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 #C28CAC to #FFD8C6

#C28CAC #FFD8C6

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

#C28CAC - #FFD8C6 | 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 #C28CAC as 0% and #FFD8C6 as 100%.

0.0%	0.0% #C28CAC	RGB 194 140 172	#C28CAC
16.7%	16.7% #CC98B0	RGB 204 152 176	#CC98B0
33.3%	33.3% #D6A5B4	RGB 214 165 180	#D6A5B4
50.0%	50.0% #E0B2B9	RGB 224 178 185	#E0B2B9
66.7%	66.7% #EABEBD	RGB 234 190 189	#EABEBD
83.3%	83.3% #F4CBC1	RGB 244 203 193	#F4CBC1
100.0%	100.0% #FFD8C6	RGB 255 216 198	#FFD8C6

#C28CAC #CC98B0 #D6A5B4 #E0B2B9 #EABEBD #F4CBC1 #FFD8C6

#C28CAC - #FFD8C6

HSV Blend

#C28CAC - #FFD8C6 | 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 #C28CAC as 0% and #FFD8C6 as 100%.

0.0%	0.0% #C28CAC	RGB 194 140 172	#C28CAC
16.7%	16.7% #CC95AD	RGB 204 149 173	#CC95AD
33.3%	33.3% #D69EAE	RGB 214 158 174	#D69EAE
50.0%	50.0% #E0A8AF	RGB 224 168 175	#E0A8AF
66.7%	66.7% #EAB2B1	RGB 234 178 177	#EAB2B1
83.3%	83.3% #F4C5BB	RGB 244 197 187	#F4C5BB
100.0%	100.0% #FFD8C6	RGB 255 216 198	#FFD8C6

#C28CAC #CC95AD #D69EAE #E0A8AF #EAB2B1 #F4C5BB #FFD8C6

#C28CAC - #E0A8AF - #FFD8C6

CSS codes

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

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