#CC81C2 - #F0DBED | 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 #CC81C2 to #F0DBED

#CC81C2 #F0DBED

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

#CC81C2 - #F0DBED | 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 #CC81C2 as 0% and #F0DBED as 100%.

0.0%	0.0% #CC81C2	RGB 204 129 194	#CC81C2
16.7%	16.7% #D290C9	RGB 210 144 201	#D290C9
33.3%	33.3% #D89FD0	RGB 216 159 208	#D89FD0
50.0%	50.0% #DEAED7	RGB 222 174 215	#DEAED7
66.7%	66.7% #E4BDDE	RGB 228 189 222	#E4BDDE
83.3%	83.3% #EACCE5	RGB 234 204 229	#EACCE5
100.0%	100.0% #F0DBED	RGB 240 219 237	#F0DBED

#CC81C2 #D290C9 #D89FD0 #DEAED7 #E4BDDE #EACCE5 #F0DBED

#CC81C2 - #F0DBED

HSV Blend

#CC81C2 - #F0DBED | 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 #CC81C2 as 0% and #F0DBED as 100%.

0.0%	0.0% #CC81C2	RGB 204 129 194	#CC81C2
16.7%	16.7% #D28EC8	RGB 210 142 200	#D28EC8
33.3%	33.3% #D89CCF	RGB 216 156 207	#D89CCF
50.0%	50.0% #DEABD7	RGB 222 171 215	#DEABD7
66.7%	66.7% #E4BADE	RGB 228 186 222	#E4BADE
83.3%	83.3% #EACAE5	RGB 234 202 229	#EACAE5
100.0%	100.0% #F0DBED	RGB 240 219 237	#F0DBED

#CC81C2 #D28EC8 #D89CCF #DEABD7 #E4BADE #EACAE5 #F0DBED

#CC81C2 - #DEABD7 - #F0DBED

CSS codes

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

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