#FF0007 - #CDAAFF | 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 #FF0007 to #CDAAFF

#FF0007 #CDAAFF

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

#FF0007 - #CDAAFF | 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 #FF0007 as 0% and #CDAAFF as 100%.

0.0%	0.0% #FF0007	RGB 255 0 7	#FF0007
16.7%	16.7% #F61C30	RGB 246 28 48	#F61C30
33.3%	33.3% #EE3859	RGB 238 56 89	#EE3859
50.0%	50.0% #E65583	RGB 230 85 131	#E65583
66.7%	66.7% #DD71AC	RGB 221 113 172	#DD71AC
83.3%	83.3% #D58DD5	RGB 213 141 213	#D58DD5
100.0%	100.0% #CDAAFF	RGB 205 170 255	#CDAAFF

#FF0007 #F61C30 #EE3859 #E65583 #DD71AC #D58DD5 #CDAAFF

#FF0007 - #CDAAFF

HSV Blend

#FF0007 - #CDAAFF | 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 #FF0007 as 0% and #CDAAFF as 100%.

0.0%	0.0% #FF0007	RGB 255 0 7	#FF0007
16.7%	16.7% #FF1C5D	RGB 255 28 93	#FF1C5D
33.3%	33.3% #FF38A5	RGB 255 56 165	#FF38A5
50.0%	50.0% #FF55DE	RGB 255 85 222	#FF55DE
66.7%	66.7% #F571FF	RGB 245 113 255	#F571FF
83.3%	83.3% #D98DFF	RGB 217 141 255	#D98DFF
100.0%	100.0% #CDAAFF	RGB 205 170 255	#CDAAFF

#FF0007 #FF1C5D #FF38A5 #FF55DE #F571FF #D98DFF #CDAAFF

#FF0007 - #FF55DE - #CDAAFF

CSS codes

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

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