#CA3BA7 - #FF5DD4 | 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 #CA3BA7 to #FF5DD4

#CA3BA7 #FF5DD4

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

#CA3BA7 - #FF5DD4 | 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 #CA3BA7 as 0% and #FF5DD4 as 100%.

0.0%	0.0% #CA3BA7	RGB 202 59 167	#CA3BA7
16.7%	16.7% #D240AE	RGB 210 64 174	#D240AE
33.3%	33.3% #DB46B6	RGB 219 70 182	#DB46B6
50.0%	50.0% #E44CBD	RGB 228 76 189	#E44CBD
66.7%	66.7% #ED51C5	RGB 237 81 197	#ED51C5
83.3%	83.3% #F657CC	RGB 246 87 204	#F657CC
100.0%	100.0% #FF5DD4	RGB 255 93 212	#FF5DD4

#CA3BA7 #D240AE #DB46B6 #E44CBD #ED51C5 #F657CC #FF5DD4

#CA3BA7 - #FF5DD4

HSV Blend

#CA3BA7 - #FF5DD4 | 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 #CA3BA7 as 0% and #FF5DD4 as 100%.

0.0%	0.0% #CA3BA6	RGB 202 59 166	#CA3BA6
16.7%	16.7% #D240AE	RGB 210 64 174	#D240AE
33.3%	33.3% #DB45B5	RGB 219 69 181	#DB45B5
50.0%	50.0% #E44BBD	RGB 228 75 189	#E44BBD
66.7%	66.7% #ED50C4	RGB 237 80 196	#ED50C4
83.3%	83.3% #F656CC	RGB 246 86 204	#F656CC
100.0%	100.0% #FF5DD4	RGB 255 93 212	#FF5DD4

#CA3BA6 #D240AE #DB45B5 #E44BBD #ED50C4 #F656CC #FF5DD4

#CA3BA7 - #E44BBD - #FF5DD4

CSS codes

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

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