#CB3EB1 - #FBA5C0 | 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 #CB3EB1 to #FBA5C0

#CB3EB1 #FBA5C0

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

#CB3EB1 - #FBA5C0 | 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 #CB3EB1 as 0% and #FBA5C0 as 100%.

0.0%	0.0% #CB3EB1	RGB 203 62 177	#CB3EB1
16.7%	16.7% #D34FB3	RGB 211 79 179	#D34FB3
33.3%	33.3% #DB60B6	RGB 219 96 182	#DB60B6
50.0%	50.0% #E371B8	RGB 227 113 184	#E371B8
66.7%	66.7% #EB82BB	RGB 235 130 187	#EB82BB
83.3%	83.3% #F393BD	RGB 243 147 189	#F393BD
100.0%	100.0% #FBA5C0	RGB 251 165 192	#FBA5C0

#CB3EB1 #D34FB3 #DB60B6 #E371B8 #EB82BB #F393BD #FBA5C0

#CB3EB1 - #FBA5C0

HSV Blend

#CB3EB1 - #FBA5C0 | 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 #CB3EB1 as 0% and #FBA5C0 as 100%.

0.0%	0.0% #CB3EB1	RGB 203 62 177	#CB3EB1
16.7%	16.7% #D34CAF	RGB 211 76 175	#D34CAF
33.3%	33.3% #DB5CAE	RGB 219 92 174	#DB5CAE
50.0%	50.0% #E36DAF	RGB 227 109 175	#E36DAF
66.7%	66.7% #EB7EB2	RGB 235 126 178	#EB7EB2
83.3%	83.3% #F391B8	RGB 243 145 184	#F391B8
100.0%	100.0% #FBA5C0	RGB 251 165 192	#FBA5C0

#CB3EB1 #D34CAF #DB5CAE #E36DAF #EB7EB2 #F391B8 #FBA5C0

#CB3EB1 - #E36DAF - #FBA5C0

CSS codes

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

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