#C7B2FC - #FFEBEF | 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 #C7B2FC to #FFEBEF

#C7B2FC #FFEBEF

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

#C7B2FC - #FFEBEF | 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 #C7B2FC as 0% and #FFEBEF as 100%.

0.0%	0.0% #C7B2FC	RGB 199 178 252	#C7B2FC
16.7%	16.7% #D0BBF9	RGB 208 187 249	#D0BBF9
33.3%	33.3% #D9C5F7	RGB 217 197 247	#D9C5F7
50.0%	50.0% #E3CEF5	RGB 227 206 245	#E3CEF5
66.7%	66.7% #ECD8F3	RGB 236 216 243	#ECD8F3
83.3%	83.3% #F5E1F1	RGB 245 225 241	#F5E1F1
100.0%	100.0% #FFEBEF	RGB 255 235 239	#FFEBEF

#C7B2FC #D0BBF9 #D9C5F7 #E3CEF5 #ECD8F3 #F5E1F1 #FFEBEF

#C7B2FC - #FFEBEF

HSV Blend

#C7B2FC - #FFEBEF | 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 #C7B2FC as 0% and #FFEBEF as 100%.

0.0%	0.0% #C7B2FC	RGB 199 178 252	#C7B2FC
16.7%	16.7% #DEBBFC	RGB 222 187 252	#DEBBFC
33.3%	33.3% #F1C4FD	RGB 241 196 253	#F1C4FD
50.0%	50.0% #FDCEFB	RGB 253 206 251	#FDCEFB
66.7%	66.7% #FED7F2	RGB 254 215 242	#FED7F2
83.3%	83.3% #FEE1EE	RGB 254 225 238	#FEE1EE
100.0%	100.0% #FFEBEF	RGB 255 235 239	#FFEBEF

#C7B2FC #DEBBFC #F1C4FD #FDCEFB #FED7F2 #FEE1EE #FFEBEF

#C7B2FC - #FDCEFB - #FFEBEF

CSS codes

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

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