#FF3CBB - #FFC5E7 | 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 #FF3CBB to #FFC5E7

#FF3CBB #FFC5E7

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

#FF3CBB - #FFC5E7 | 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 #FF3CBB as 0% and #FFC5E7 as 100%.

0.0%	0.0% #FF3CBB	RGB 255 60 187	#FF3CBB
16.7%	16.7% #FF52C2	RGB 255 82 194	#FF52C2
33.3%	33.3% #FF69C9	RGB 255 105 201	#FF69C9
50.0%	50.0% #FF80D1	RGB 255 128 209	#FF80D1
66.7%	66.7% #FF97D8	RGB 255 151 216	#FF97D8
83.3%	83.3% #FFAEDF	RGB 255 174 223	#FFAEDF
100.0%	100.0% #FFC5E7	RGB 255 197 231	#FFC5E7

#FF3CBB #FF52C2 #FF69C9 #FF80D1 #FF97D8 #FFAEDF #FFC5E7

#FF3CBB - #FFC5E7

HSV Blend

#FF3CBB - #FFC5E7 | 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 #FF3CBB as 0% and #FFC5E7 as 100%.

0.0%	0.0% #FF3BBB	RGB 255 59 187	#FF3BBB
16.7%	16.7% #FF52C1	RGB 255 82 193	#FF52C1
33.3%	33.3% #FF69C7	RGB 255 105 199	#FF69C7
50.0%	50.0% #FF80CE	RGB 255 128 206	#FF80CE
66.7%	66.7% #FF97D6	RGB 255 151 214	#FF97D6
83.3%	83.3% #FFAEDE	RGB 255 174 222	#FFAEDE
100.0%	100.0% #FFC5E7	RGB 255 197 231	#FFC5E7

#FF3BBB #FF52C1 #FF69C7 #FF80CE #FF97D6 #FFAEDE #FFC5E7

#FF3CBB - #FF80CE - #FFC5E7

CSS codes

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

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