#C150A0 - #FAB3C2 | 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 #C150A0 to #FAB3C2

#C150A0 #FAB3C2

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

#C150A0 - #FAB3C2 | 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 #C150A0 as 0% and #FAB3C2 as 100%.

0.0%	0.0% #C150A0	RGB 193 80 160	#C150A0
16.7%	16.7% #CA60A5	RGB 202 96 165	#CA60A5
33.3%	33.3% #D471AB	RGB 212 113 171	#D471AB
50.0%	50.0% #DD81B1	RGB 221 129 177	#DD81B1
66.7%	66.7% #E792B6	RGB 231 146 182	#E792B6
83.3%	83.3% #F0A2BC	RGB 240 162 188	#F0A2BC
100.0%	100.0% #FAB3C2	RGB 250 179 194	#FAB3C2

#C150A0 #CA60A5 #D471AB #DD81B1 #E792B6 #F0A2BC #FAB3C2

#C150A0 - #FAB3C2

HSV Blend

#C150A0 - #FAB3C2 | 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 #C150A0 as 0% and #FAB3C2 as 100%.

0.0%	0.0% #C1509F	RGB 193 80 159	#C1509F
16.7%	16.7% #CA5EA1	RGB 202 94 161	#CA5EA1
33.3%	33.3% #D46DA4	RGB 212 109 164	#D46DA4
50.0%	50.0% #DD7DA9	RGB 221 125 169	#DD7DA9
66.7%	66.7% #E78EAF	RGB 231 142 175	#E78EAF
83.3%	83.3% #F0A0B7	RGB 240 160 183	#F0A0B7
100.0%	100.0% #FAB3C2	RGB 250 179 194	#FAB3C2

#C1509F #CA5EA1 #D46DA4 #DD7DA9 #E78EAF #F0A0B7 #FAB3C2

#C150A0 - #DD7DA9 - #FAB3C2

CSS codes

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

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