#5E5CC5 - #D7B3DB | 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 #5E5CC5 to #D7B3DB

#5E5CC5 #D7B3DB

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

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

0.0%	0.0% #5E5CC5	RGB 94 92 197	#5E5CC5
16.7%	16.7% #726AC8	RGB 114 106 200	#726AC8
33.3%	33.3% #8679CC	RGB 134 121 204	#8679CC
50.0%	50.0% #9A87D0	RGB 154 135 208	#9A87D0
66.7%	66.7% #AE96D3	RGB 174 150 211	#AE96D3
83.3%	83.3% #C2A4D7	RGB 194 164 215	#C2A4D7
100.0%	100.0% #D7B3DB	RGB 215 179 219	#D7B3DB

#5E5CC5 #726AC8 #8679CC #9A87D0 #AE96D3 #C2A4D7 #D7B3DB

#5E5CC5 - #D7B3DB

HSV Blend

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

0.0%	0.0% #5E5BC5	RGB 94 91 197	#5E5BC5
16.7%	16.7% #7969C8	RGB 121 105 200	#7969C8
33.3%	33.3% #9177CC	RGB 145 119 204	#9177CC
50.0%	50.0% #A785D0	RGB 167 133 208	#A785D0
66.7%	66.7% #BA94D3	RGB 186 148 211	#BA94D3
83.3%	83.3% #CAA3D7	RGB 202 163 215	#CAA3D7
100.0%	100.0% #D7B3DB	RGB 215 179 219	#D7B3DB

#5E5BC5 #7969C8 #9177CC #A785D0 #BA94D3 #CAA3D7 #D7B3DB

#5E5CC5 - #A785D0 - #D7B3DB

CSS codes

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

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