#431EB6 - #240046 | 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 #431EB6 to #240046

#431EB6 #240046

Calculate the color between two colors, #431EB6 and #240046. 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)

#431EB6 - #240046 | 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 #431EB6 as 0% and #240046 as 100%.

0.0%	0.0% #431EB6	RGB 67 30 182	#431EB6
16.7%	16.7% #3D19A3	RGB 61 25 163	#3D19A3
33.3%	33.3% #381490	RGB 56 20 144	#381490
50.0%	50.0% #330F7E	RGB 51 15 126	#330F7E
66.7%	66.7% #2E0A6B	RGB 46 10 107	#2E0A6B
83.3%	83.3% #290558	RGB 41 5 88	#290558
100.0%	100.0% #240046	RGB 36 0 70	#240046

#431EB6 #3D19A3 #381490 #330F7E #2E0A6B #290558 #240046

#431EB6 - #240046

HSV Blend

#431EB6 - #240046 | 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 #431EB6 as 0% and #240046 as 100%.

0.0%	0.0% #421DB6	RGB 66 29 182	#421DB6
16.7%	16.7% #3F16A3	RGB 63 22 163	#3F16A3
33.3%	33.3% #3A0F90	RGB 58 15 144	#3A0F90
50.0%	50.0% #360A7E	RGB 54 10 126	#360A7E
66.7%	66.7% #30056B	RGB 48 5 107	#30056B
83.3%	83.3% #2A0258	RGB 42 2 88	#2A0258
100.0%	100.0% #240046	RGB 36 0 70	#240046

#421DB6 #3F16A3 #3A0F90 #360A7E #30056B #2A0258 #240046

#431EB6 - #360A7E - #240046

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #421DB6 0%, #360A7E 50%, #240046 100%);
    background: -webkit-linear-gradient(top, #421DB6 0%, #360A7E 50%, #240046 100%);
    background: linear-gradient(to bottom, #421DB6 0%, #360A7E 50%, #240046 100%);
}
</style>