#CECEFE - #3A3A48 | 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 #CECEFE to #3A3A48

#CECEFE #3A3A48

Calculate the color between two colors, #CECEFE and #3A3A48. 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)

#CECEFE - #3A3A48 | 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 #CECEFE as 0% and #3A3A48 as 100%.

0.0%	0.0% #CECEFE	RGB 206 206 254	#CECEFE
16.7%	16.7% #B5B5DF	RGB 181 181 223	#B5B5DF
33.3%	33.3% #9C9CC1	RGB 156 156 193	#9C9CC1
50.0%	50.0% #8484A3	RGB 132 132 163	#8484A3
66.7%	66.7% #6B6B84	RGB 107 107 132	#6B6B84
83.3%	83.3% #525266	RGB 82 82 102	#525266
100.0%	100.0% #3A3A48	RGB 58 58 72	#3A3A48

#CECEFE #B5B5DF #9C9CC1 #8484A3 #6B6B84 #525266 #3A3A48

#CECEFE - #3A3A48

HSV Blend

#CECEFE - #3A3A48 | 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 #CECEFE as 0% and #3A3A48 as 100%.

0.0%	0.0% #CECEFE	RGB 206 206 254	#CECEFE
16.7%	16.7% #B5B5DF	RGB 181 181 223	#B5B5DF
33.3%	33.3% #9C9CC1	RGB 156 156 193	#9C9CC1
50.0%	50.0% #8383A3	RGB 131 131 163	#8383A3
66.7%	66.7% #6B6B84	RGB 107 107 132	#6B6B84
83.3%	83.3% #525266	RGB 82 82 102	#525266
100.0%	100.0% #3A3A48	RGB 58 58 72	#3A3A48

#CECEFE #B5B5DF #9C9CC1 #8383A3 #6B6B84 #525266 #3A3A48

#CECEFE - #8383A3 - #3A3A48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CECEFE 0%, #8383A3 50%, #3A3A48 100%);
    background: -webkit-linear-gradient(top, #CECEFE 0%, #8383A3 50%, #3A3A48 100%);
    background: linear-gradient(to bottom, #CECEFE 0%, #8383A3 50%, #3A3A48 100%);
}
</style>