#F2B2D9 - #CA4893 | 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 #F2B2D9 to #CA4893

#F2B2D9 #CA4893

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

#F2B2D9 - #CA4893 | 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 #F2B2D9 as 0% and #CA4893 as 100%.

0.0%	0.0% #F2B2D9	RGB 242 178 217	#F2B2D9
16.7%	16.7% #EBA0CD	RGB 235 160 205	#EBA0CD
33.3%	33.3% #E48EC1	RGB 228 142 193	#E48EC1
50.0%	50.0% #DE7DB6	RGB 222 125 182	#DE7DB6
66.7%	66.7% #D76BAA	RGB 215 107 170	#D76BAA
83.3%	83.3% #D0599E	RGB 208 89 158	#D0599E
100.0%	100.0% #CA4893	RGB 202 72 147	#CA4893

#F2B2D9 #EBA0CD #E48EC1 #DE7DB6 #D76BAA #D0599E #CA4893

#F2B2D9 - #CA4893

HSV Blend

#F2B2D9 - #CA4893 | 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 #F2B2D9 as 0% and #CA4893 as 100%.

0.0%	0.0% #F2B2D9	RGB 242 178 217	#F2B2D9
16.7%	16.7% #EB9ECC	RGB 235 158 204	#EB9ECC
33.3%	33.3% #E48BC0	RGB 228 139 192	#E48BC0
50.0%	50.0% #DE79B4	RGB 222 121 180	#DE79B4
66.7%	66.7% #D767A9	RGB 215 103 169	#D767A9
83.3%	83.3% #D0579E	RGB 208 87 158	#D0579E
100.0%	100.0% #CA4893	RGB 202 72 147	#CA4893

#F2B2D9 #EB9ECC #E48BC0 #DE79B4 #D767A9 #D0579E #CA4893

#F2B2D9 - #DE79B4 - #CA4893

CSS codes

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

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