#5341CD - #CEC8F0 | 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 #5341CD to #CEC8F0

#5341CD #CEC8F0

Calculate the color between two colors, #5341CD and #CEC8F0. 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)

#5341CD - #CEC8F0 | 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 #5341CD as 0% and #CEC8F0 as 100%.

0.0%	0.0% #5341CD	RGB 83 65 205	#5341CD
16.7%	16.7% #6757D2	RGB 103 87 210	#6757D2
33.3%	33.3% #7C6ED8	RGB 124 110 216	#7C6ED8
50.0%	50.0% #9084DE	RGB 144 132 222	#9084DE
66.7%	66.7% #A59BE4	RGB 165 155 228	#A59BE4
83.3%	83.3% #B9B1EA	RGB 185 177 234	#B9B1EA
100.0%	100.0% #CEC8F0	RGB 206 200 240	#CEC8F0

#5341CD #6757D2 #7C6ED8 #9084DE #A59BE4 #B9B1EA #CEC8F0

#5341CD - #CEC8F0

HSV Blend

#5341CD - #CEC8F0 | 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 #5341CD as 0% and #CEC8F0 as 100%.

0.0%	0.0% #5241CD	RGB 82 65 205	#5241CD
16.7%	16.7% #6554D2	RGB 101 84 210	#6554D2
33.3%	33.3% #7969D8	RGB 121 105 216	#7969D8
50.0%	50.0% #8D7FDE	RGB 141 127 222	#8D7FDE
66.7%	66.7% #A296E4	RGB 162 150 228	#A296E4
83.3%	83.3% #B7AEEA	RGB 183 174 234	#B7AEEA
100.0%	100.0% #CEC8F0	RGB 206 200 240	#CEC8F0

#5241CD #6554D2 #7969D8 #8D7FDE #A296E4 #B7AEEA #CEC8F0

#5341CD - #8D7FDE - #CEC8F0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5241CD 0%, #8D7FDE 50%, #CEC8F0 100%);
    background: -webkit-linear-gradient(top, #5241CD 0%, #8D7FDE 50%, #CEC8F0 100%);
    background: linear-gradient(to bottom, #5241CD 0%, #8D7FDE 50%, #CEC8F0 100%);
}
</style>