#713ECC - #1F113A | 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 #713ECC to #1F113A

#713ECC #1F113A

Calculate the color between two colors, #713ECC and #1F113A. 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)

#713ECC - #1F113A | 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 #713ECC as 0% and #1F113A as 100%.

0.0%	0.0% #713ECC	RGB 113 62 204	#713ECC
16.7%	16.7% #6336B3	RGB 99 54 179	#6336B3
33.3%	33.3% #552F9B	RGB 85 47 155	#552F9B
50.0%	50.0% #482783	RGB 72 39 131	#482783
66.7%	66.7% #3A206A	RGB 58 32 106	#3A206A
83.3%	83.3% #2C1852	RGB 44 24 82	#2C1852
100.0%	100.0% #1F113A	RGB 31 17 58	#1F113A

#713ECC #6336B3 #552F9B #482783 #3A206A #2C1852 #1F113A

#713ECC - #1F113A

HSV Blend

#713ECC - #1F113A | 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 #713ECC as 0% and #1F113A as 100%.

0.0%	0.0% #713ECC	RGB 113 62 204	#713ECC
16.7%	16.7% #6236B3	RGB 98 54 179	#6236B3
33.3%	33.3% #552E9B	RGB 85 46 155	#552E9B
50.0%	50.0% #472783	RGB 71 39 131	#472783
66.7%	66.7% #391F6A	RGB 57 31 106	#391F6A
83.3%	83.3% #2C1852	RGB 44 24 82	#2C1852
100.0%	100.0% #1F113A	RGB 31 17 58	#1F113A

#713ECC #6236B3 #552E9B #472783 #391F6A #2C1852 #1F113A

#713ECC - #472783 - #1F113A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #713ECC 0%, #472783 50%, #1F113A 100%);
    background: -webkit-linear-gradient(top, #713ECC 0%, #472783 50%, #1F113A 100%);
    background: linear-gradient(to bottom, #713ECC 0%, #472783 50%, #1F113A 100%);
}
</style>