#FF291B - #DCCCFB | 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 #FF291B to #DCCCFB

#FF291B #DCCCFB

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

#FF291B - #DCCCFB | 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 #FF291B as 0% and #DCCCFB as 100%.

0.0%	0.0% #FF291B	RGB 255 41 27	#FF291B
16.7%	16.7% #F94440	RGB 249 68 64	#F94440
33.3%	33.3% #F35F65	RGB 243 95 101	#F35F65
50.0%	50.0% #ED7A8B	RGB 237 122 139	#ED7A8B
66.7%	66.7% #E795B0	RGB 231 149 176	#E795B0
83.3%	83.3% #E1B0D5	RGB 225 176 213	#E1B0D5
100.0%	100.0% #DCCCFB	RGB 220 204 251	#DCCCFB

#FF291B #F94440 #F35F65 #ED7A8B #E795B0 #E1B0D5 #DCCCFB

#FF291B - #DCCCFB

HSV Blend

#FF291B - #DCCCFB | 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 #FF291B as 0% and #DCCCFB as 100%.

0.0%	0.0% #FF281A	RGB 255 40 26	#FF281A
16.7%	16.7% #FE3865	RGB 254 56 101	#FE3865
33.3%	33.3% #FD56AC	RGB 253 86 172	#FD56AC
50.0%	50.0% #FD74E1	RGB 253 116 225	#FD74E1
66.7%	66.7% #F391FC	RGB 243 145 252	#F391FC
83.3%	83.3% #DFAEFB	RGB 223 174 251	#DFAEFB
100.0%	100.0% #DCCCFB	RGB 220 204 251	#DCCCFB

#FF281A #FE3865 #FD56AC #FD74E1 #F391FC #DFAEFB #DCCCFB

#FF291B - #FD74E1 - #DCCCFB

CSS codes

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

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