#4334AF - #C8C5E8 | 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 #4334AF to #C8C5E8

#4334AF #C8C5E8

Calculate the color between two colors, #4334AF and #C8C5E8. 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)

#4334AF - #C8C5E8 | 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 #4334AF as 0% and #C8C5E8 as 100%.

0.0%	0.0% #4334AF	RGB 67 52 175	#4334AF
16.7%	16.7% #594CB8	RGB 89 76 184	#594CB8
33.3%	33.3% #6F64C2	RGB 111 100 194	#6F64C2
50.0%	50.0% #857CCB	RGB 133 124 203	#857CCB
66.7%	66.7% #9B94D5	RGB 155 148 213	#9B94D5
83.3%	83.3% #B1ACDE	RGB 177 172 222	#B1ACDE
100.0%	100.0% #C8C5E8	RGB 200 197 232	#C8C5E8

#4334AF #594CB8 #6F64C2 #857CCB #9B94D5 #B1ACDE #C8C5E8

#4334AF - #C8C5E8

HSV Blend

#4334AF - #C8C5E8 | 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 #4334AF as 0% and #C8C5E8 as 100%.

0.0%	0.0% #4334AF	RGB 67 52 175	#4334AF
16.7%	16.7% #5447B8	RGB 84 71 184	#5447B8
33.3%	33.3% #685DC2	RGB 104 93 194	#685DC2
50.0%	50.0% #7D74CB	RGB 125 116 203	#7D74CB
66.7%	66.7% #948DD5	RGB 148 141 213	#948DD5
83.3%	83.3% #ADA8DE	RGB 173 168 222	#ADA8DE
100.0%	100.0% #C8C5E8	RGB 200 197 232	#C8C5E8

#4334AF #5447B8 #685DC2 #7D74CB #948DD5 #ADA8DE #C8C5E8

#4334AF - #7D74CB - #C8C5E8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4334AF 0%, #7D74CB 50%, #C8C5E8 100%);
    background: -webkit-linear-gradient(top, #4334AF 0%, #7D74CB 50%, #C8C5E8 100%);
    background: linear-gradient(to bottom, #4334AF 0%, #7D74CB 50%, #C8C5E8 100%);
}
</style>