#C172BF - #FEABC3 | 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 #C172BF to #FEABC3

#C172BF #FEABC3

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

#C172BF - #FEABC3 | 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 #C172BF as 0% and #FEABC3 as 100%.

0.0%	0.0% #C172BF	RGB 193 114 191	#C172BF
16.7%	16.7% #CB7BBF	RGB 203 123 191	#CB7BBF
33.3%	33.3% #D585C0	RGB 213 133 192	#D585C0
50.0%	50.0% #DF8EC1	RGB 223 142 193	#DF8EC1
66.7%	66.7% #E998C1	RGB 233 152 193	#E998C1
83.3%	83.3% #F3A1C2	RGB 243 161 194	#F3A1C2
100.0%	100.0% #FEABC3	RGB 254 171 195	#FEABC3

#C172BF #CB7BBF #D585C0 #DF8EC1 #E998C1 #F3A1C2 #FEABC3

#C172BF - #FEABC3

HSV Blend

#C172BF - #FEABC3 | 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 #C172BF as 0% and #FEABC3 as 100%.

0.0%	0.0% #C172BF	RGB 193 114 191	#C172BF
16.7%	16.7% #CB7ABF	RGB 203 122 191	#CB7ABF
33.3%	33.3% #D583C0	RGB 213 131 192	#D583C0
50.0%	50.0% #DF8DC1	RGB 223 141 193	#DF8DC1
66.7%	66.7% #E996C1	RGB 233 150 193	#E996C1
83.3%	83.3% #F3A0C2	RGB 243 160 194	#F3A0C2
100.0%	100.0% #FEABC3	RGB 254 171 195	#FEABC3

#C172BF #CB7ABF #D583C0 #DF8DC1 #E996C1 #F3A0C2 #FEABC3

#C172BF - #DF8DC1 - #FEABC3

CSS codes

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

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