#CD77AB - #FCD0C8 | 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 #CD77AB to #FCD0C8

#CD77AB #FCD0C8

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

#CD77AB - #FCD0C8 | 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 #CD77AB as 0% and #FCD0C8 as 100%.

0.0%	0.0% #CD77AB	RGB 205 119 171	#CD77AB
16.7%	16.7% #D485AF	RGB 212 133 175	#D485AF
33.3%	33.3% #DC94B4	RGB 220 148 180	#DC94B4
50.0%	50.0% #E4A3B9	RGB 228 163 185	#E4A3B9
66.7%	66.7% #ECB2BE	RGB 236 178 190	#ECB2BE
83.3%	83.3% #F4C1C3	RGB 244 193 195	#F4C1C3
100.0%	100.0% #FCD0C8	RGB 252 208 200	#FCD0C8

#CD77AB #D485AF #DC94B4 #E4A3B9 #ECB2BE #F4C1C3 #FCD0C8

#CD77AB - #FCD0C8

HSV Blend

#CD77AB - #FCD0C8 | 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 #CD77AB as 0% and #FCD0C8 as 100%.

0.0%	0.0% #CD77AB	RGB 205 119 171	#CD77AB
16.7%	16.7% #D483AA	RGB 212 131 170	#D483AA
33.3%	33.3% #DC8FAA	RGB 220 143 170	#DC8FAA
50.0%	50.0% #E49CAD	RGB 228 156 173	#E49CAD
66.7%	66.7% #ECAAB1	RGB 236 170 177	#ECAAB1
83.3%	83.3% #F4BAB9	RGB 244 186 185	#F4BAB9
100.0%	100.0% #FCD0C8	RGB 252 208 200	#FCD0C8

#CD77AB #D483AA #DC8FAA #E49CAD #ECAAB1 #F4BAB9 #FCD0C8

#CD77AB - #E49CAD - #FCD0C8

CSS codes

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

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