#4141DA - #C8C8F4 | 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 #4141DA to #C8C8F4

#4141DA #C8C8F4

Calculate the color between two colors, #4141DA and #C8C8F4. 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)

#4141DA - #C8C8F4 | 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 #4141DA as 0% and #C8C8F4 as 100%.

0.0%	0.0% #4141DA	RGB 65 65 218	#4141DA
16.7%	16.7% #5757DE	RGB 87 87 222	#5757DE
33.3%	33.3% #6E6EE2	RGB 110 110 226	#6E6EE2
50.0%	50.0% #8484E7	RGB 132 132 231	#8484E7
66.7%	66.7% #9B9BEB	RGB 155 155 235	#9B9BEB
83.3%	83.3% #B1B1EF	RGB 177 177 239	#B1B1EF
100.0%	100.0% #C8C8F4	RGB 200 200 244	#C8C8F4

#4141DA #5757DE #6E6EE2 #8484E7 #9B9BEB #B1B1EF #C8C8F4

#4141DA - #C8C8F4

HSV Blend

#4141DA - #C8C8F4 | 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 #4141DA as 0% and #C8C8F4 as 100%.

0.0%	0.0% #4141DA	RGB 65 65 218	#4141DA
16.7%	16.7% #5555DE	RGB 85 85 222	#5555DE
33.3%	33.3% #6A6AE2	RGB 106 106 226	#6A6AE2
50.0%	50.0% #8181E7	RGB 129 129 231	#8181E7
66.7%	66.7% #9797EB	RGB 151 151 235	#9797EB
83.3%	83.3% #AFAFEF	RGB 175 175 239	#AFAFEF
100.0%	100.0% #C8C8F4	RGB 200 200 244	#C8C8F4

#4141DA #5555DE #6A6AE2 #8181E7 #9797EB #AFAFEF #C8C8F4

#4141DA - #8181E7 - #C8C8F4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4141DA 0%, #8181E7 50%, #C8C8F4 100%);
    background: -webkit-linear-gradient(top, #4141DA 0%, #8181E7 50%, #C8C8F4 100%);
    background: linear-gradient(to bottom, #4141DA 0%, #8181E7 50%, #C8C8F4 100%);
}
</style>