#FFC7FB - #D971C0 | 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 #FFC7FB to #D971C0

#FFC7FB #D971C0

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

#FFC7FB - #D971C0 | 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 #FFC7FB as 0% and #D971C0 as 100%.

0.0%	0.0% #FFC7FB	RGB 255 199 251	#FFC7FB
16.7%	16.7% #F8B8F1	RGB 248 184 241	#F8B8F1
33.3%	33.3% #F2AAE7	RGB 242 170 231	#F2AAE7
50.0%	50.0% #EC9CDD	RGB 236 156 221	#EC9CDD
66.7%	66.7% #E58DD3	RGB 229 141 211	#E58DD3
83.3%	83.3% #DF7FC9	RGB 223 127 201	#DF7FC9
100.0%	100.0% #D971C0	RGB 217 113 192	#D971C0

#FFC7FB #F8B8F1 #F2AAE7 #EC9CDD #E58DD3 #DF7FC9 #D971C0

#FFC7FB - #D971C0

HSV Blend

#FFC7FB - #D971C0 | 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 #FFC7FB as 0% and #D971C0 as 100%.

0.0%	0.0% #FFC7FB	RGB 255 199 251	#FFC7FB
16.7%	16.7% #F8B7F2	RGB 248 183 242	#F8B7F2
33.3%	33.3% #F2A8E8	RGB 242 168 232	#F2A8E8
50.0%	50.0% #EC99DF	RGB 236 153 223	#EC99DF
66.7%	66.7% #E58BD5	RGB 229 139 213	#E58BD5
83.3%	83.3% #DF7DCA	RGB 223 125 202	#DF7DCA
100.0%	100.0% #D971C0	RGB 217 113 192	#D971C0

#FFC7FB #F8B7F2 #F2A8E8 #EC99DF #E58BD5 #DF7DCA #D971C0

#FFC7FB - #EC99DF - #D971C0

CSS codes

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

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