#FFC7FC - #CFD2EE | 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 #FFC7FC to #CFD2EE

#FFC7FC #CFD2EE

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

#FFC7FC - #CFD2EE | 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 #FFC7FC as 0% and #CFD2EE as 100%.

0.0%	0.0% #FFC7FC	RGB 255 199 252	#FFC7FC
16.7%	16.7% #F7C8F9	RGB 247 200 249	#F7C8F9
33.3%	33.3% #EFCAF7	RGB 239 202 247	#EFCAF7
50.0%	50.0% #E7CCF5	RGB 231 204 245	#E7CCF5
66.7%	66.7% #DFCEF2	RGB 223 206 242	#DFCEF2
83.3%	83.3% #D7D0F0	RGB 215 208 240	#D7D0F0
100.0%	100.0% #CFD2EE	RGB 207 210 238	#CFD2EE

#FFC7FC #F7C8F9 #EFCAF7 #E7CCF5 #DFCEF2 #D7D0F0 #CFD2EE

#FFC7FC - #CFD2EE

HSV Blend

#FFC7FC - #CFD2EE | 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 #FFC7FC as 0% and #CFD2EE as 100%.

0.0%	0.0% #FFC7FC	RGB 255 199 252	#FFC7FC
16.7%	16.7% #F5C8FC	RGB 245 200 252	#F5C8FC
33.3%	33.3% #E9CAF9	RGB 233 202 249	#E9CAF9
50.0%	50.0% #E0CBF6	RGB 224 203 246	#E0CBF6
66.7%	66.7% #D7CCF3	RGB 215 204 243	#D7CCF3
83.3%	83.3% #D1CDF0	RGB 209 205 240	#D1CDF0
100.0%	100.0% #CFD2EE	RGB 207 210 238	#CFD2EE

#FFC7FC #F5C8FC #E9CAF9 #E0CBF6 #D7CCF3 #D1CDF0 #CFD2EE

#FFC7FC - #E0CBF6 - #CFD2EE

CSS codes

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

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