#C077DB - #FDCEDC | 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 #C077DB to #FDCEDC

#C077DB #FDCEDC

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

#C077DB - #FDCEDC | 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 #C077DB as 0% and #FDCEDC as 100%.

0.0%	0.0% #C077DB	RGB 192 119 219	#C077DB
16.7%	16.7% #CA85DB	RGB 202 133 219	#CA85DB
33.3%	33.3% #D494DB	RGB 212 148 219	#D494DB
50.0%	50.0% #DEA2DB	RGB 222 162 219	#DEA2DB
66.7%	66.7% #E8B1DB	RGB 232 177 219	#E8B1DB
83.3%	83.3% #F2BFDB	RGB 242 191 219	#F2BFDB
100.0%	100.0% #FDCEDC	RGB 253 206 220	#FDCEDC

#C077DB #CA85DB #D494DB #DEA2DB #E8B1DB #F2BFDB #FDCEDC

#C077DB - #FDCEDC

HSV Blend

#C077DB - #FDCEDC | 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 #C077DB as 0% and #FDCEDC as 100%.

0.0%	0.0% #C077DB	RGB 192 119 219	#C077DB
16.7%	16.7% #D684E0	RGB 214 132 224	#D684E0
33.3%	33.3% #E691E1	RGB 230 145 225	#E691E1
50.0%	50.0% #ECA0DB	RGB 236 160 219	#ECA0DB
66.7%	66.7% #F1AED8	RGB 241 174 216	#F1AED8
83.3%	83.3% #F7BED8	RGB 247 190 216	#F7BED8
100.0%	100.0% #FDCEDC	RGB 253 206 220	#FDCEDC

#C077DB #D684E0 #E691E1 #ECA0DB #F1AED8 #F7BED8 #FDCEDC

#C077DB - #ECA0DB - #FDCEDC

CSS codes

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

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