#F08CFE - #CA38EB | 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 #F08CFE to #CA38EB

#F08CFE #CA38EB

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

#F08CFE - #CA38EB | 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 #F08CFE as 0% and #CA38EB as 100%.

0.0%	0.0% #F08CFE	RGB 240 140 254	#F08CFE
16.7%	16.7% #E97EFA	RGB 233 126 250	#E97EFA
33.3%	33.3% #E370F7	RGB 227 112 247	#E370F7
50.0%	50.0% #DD62F4	RGB 221 98 244	#DD62F4
66.7%	66.7% #D654F1	RGB 214 84 241	#D654F1
83.3%	83.3% #D046EE	RGB 208 70 238	#D046EE
100.0%	100.0% #CA38EB	RGB 202 56 235	#CA38EB

#F08CFE #E97EFA #E370F7 #DD62F4 #D654F1 #D046EE #CA38EB

#F08CFE - #CA38EB

HSV Blend

#F08CFE - #CA38EB | 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 #F08CFE as 0% and #CA38EB as 100%.

0.0%	0.0% #F08CFE	RGB 240 140 254	#F08CFE
16.7%	16.7% #EA7DFA	RGB 234 125 250	#EA7DFA
33.3%	33.3% #E46EF7	RGB 228 110 247	#E46EF7
50.0%	50.0% #DD60F4	RGB 221 96 244	#DD60F4
66.7%	66.7% #D752F1	RGB 215 82 241	#D752F1
83.3%	83.3% #D045EE	RGB 208 69 238	#D045EE
100.0%	100.0% #CA38EB	RGB 202 56 235	#CA38EB

#F08CFE #EA7DFA #E46EF7 #DD60F4 #D752F1 #D045EE #CA38EB

#F08CFE - #DD60F4 - #CA38EB

CSS codes

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

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