#5E6DAD - #F0AEE1 | 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 #5E6DAD to #F0AEE1

#5E6DAD #F0AEE1

Calculate the color between two colors, #5E6DAD and #F0AEE1. 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)

#5E6DAD - #F0AEE1 | 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 #5E6DAD as 0% and #F0AEE1 as 100%.

0.0%	0.0% #5E6DAD	RGB 94 109 173	#5E6DAD
16.7%	16.7% #7677B5	RGB 118 119 181	#7677B5
33.3%	33.3% #8E82BE	RGB 142 130 190	#8E82BE
50.0%	50.0% #A78DC7	RGB 167 141 199	#A78DC7
66.7%	66.7% #BF98CF	RGB 191 152 207	#BF98CF
83.3%	83.3% #D7A3D8	RGB 215 163 216	#D7A3D8
100.0%	100.0% #F0AEE1	RGB 240 174 225	#F0AEE1

#5E6DAD #7677B5 #8E82BE #A78DC7 #BF98CF #D7A3D8 #F0AEE1

#5E6DAD - #F0AEE1

HSV Blend

#5E6DAD - #F0AEE1 | 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 #5E6DAD as 0% and #F0AEE1 as 100%.

0.0%	0.0% #5E6DAD	RGB 94 109 173	#5E6DAD
16.7%	16.7% #6D69B8	RGB 109 105 184	#6D69B8
33.3%	33.3% #8B75C3	RGB 139 117 195	#8B75C3
50.0%	50.0% #AA82CE	RGB 170 130 206	#AA82CE
66.7%	66.7% #C790D9	RGB 199 144 217	#C790D9
83.3%	83.3% #E49EE4	RGB 228 158 228	#E49EE4
100.0%	100.0% #F0AEE1	RGB 240 174 225	#F0AEE1

#5E6DAD #6D69B8 #8B75C3 #AA82CE #C790D9 #E49EE4 #F0AEE1

#5E6DAD - #AA82CE - #F0AEE1

CSS codes

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

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