#CF5E6B - #FA84FF | 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 #CF5E6B to #FA84FF

#CF5E6B #FA84FF

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

#CF5E6B - #FA84FF | 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 #CF5E6B as 0% and #FA84FF as 100%.

0.0%	0.0% #CF5E6B	RGB 207 94 107	#CF5E6B
16.7%	16.7% #D66483	RGB 214 100 131	#D66483
33.3%	33.3% #DD6A9C	RGB 221 106 156	#DD6A9C
50.0%	50.0% #E471B5	RGB 228 113 181	#E471B5
66.7%	66.7% #EB77CD	RGB 235 119 205	#EB77CD
83.3%	83.3% #F27DE6	RGB 242 125 230	#F27DE6
100.0%	100.0% #FA84FF	RGB 250 132 255	#FA84FF

#CF5E6B #D66483 #DD6A9C #E471B5 #EB77CD #F27DE6 #FA84FF

#CF5E6B - #FA84FF

HSV Blend

#CF5E6B - #FA84FF | 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 #CF5E6B as 0% and #FA84FF as 100%.

0.0%	0.0% #CF5E6B	RGB 207 94 107	#CF5E6B
16.7%	16.7% #D76382	RGB 215 99 130	#D76382
33.3%	33.3% #DF699B	RGB 223 105 155	#DF699B
50.0%	50.0% #E770B4	RGB 231 112 180	#E770B4
66.7%	66.7% #EF76CE	RGB 239 118 206	#EF76CE
83.3%	83.3% #F77DE9	RGB 247 125 233	#F77DE9
100.0%	100.0% #FA84FF	RGB 250 132 255	#FA84FF

#CF5E6B #D76382 #DF699B #E770B4 #EF76CE #F77DE9 #FA84FF

#CF5E6B - #E770B4 - #FA84FF

CSS codes

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

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