#FFB8DB - #CCD0EC | 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 #FFB8DB to #CCD0EC

#FFB8DB #CCD0EC

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

#FFB8DB - #CCD0EC | 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 #FFB8DB as 0% and #CCD0EC as 100%.

0.0%	0.0% #FFB8DB	RGB 255 184 219	#FFB8DB
16.7%	16.7% #F6BCDD	RGB 246 188 221	#F6BCDD
33.3%	33.3% #EEC0E0	RGB 238 192 224	#EEC0E0
50.0%	50.0% #E5C4E3	RGB 229 196 227	#E5C4E3
66.7%	66.7% #DDC8E6	RGB 221 200 230	#DDC8E6
83.3%	83.3% #D4CCE9	RGB 212 204 233	#D4CCE9
100.0%	100.0% #CCD0EC	RGB 204 208 236	#CCD0EC

#FFB8DB #F6BCDD #EEC0E0 #E5C4E3 #DDC8E6 #D4CCE9 #CCD0EC

#FFB8DB - #CCD0EC

HSV Blend

#FFB8DB - #CCD0EC | 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 #FFB8DB as 0% and #CCD0EC as 100%.

0.0%	0.0% #FFB8DB	RGB 255 184 219	#FFB8DB
16.7%	16.7% #FBBBEC	RGB 251 187 236	#FBBBEC
33.3%	33.3% #F6BFF8	RGB 246 191 248	#F6BFF8
50.0%	50.0% #E5C2F5	RGB 229 194 245	#E5C2F5
66.7%	66.7% #D8C5F2	RGB 216 197 242	#D8C5F2
83.3%	83.3% #CEC9EF	RGB 206 201 239	#CEC9EF
100.0%	100.0% #CCD0EC	RGB 204 208 236	#CCD0EC

#FFB8DB #FBBBEC #F6BFF8 #E5C2F5 #D8C5F2 #CEC9EF #CCD0EC

#FFB8DB - #E5C2F5 - #CCD0EC

CSS codes

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

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