#3E52C7 - #C7CDEF | 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 #3E52C7 to #C7CDEF

#3E52C7 #C7CDEF

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

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

0.0%	0.0% #3E52C7	RGB 62 82 199	#3E52C7
16.7%	16.7% #5466CD	RGB 84 102 205	#5466CD
33.3%	33.3% #6B7BD4	RGB 107 123 212	#6B7BD4
50.0%	50.0% #828FDB	RGB 130 143 219	#828FDB
66.7%	66.7% #99A4E1	RGB 153 164 225	#99A4E1
83.3%	83.3% #B0B8E8	RGB 176 184 232	#B0B8E8
100.0%	100.0% #C7CDEF	RGB 199 205 239	#C7CDEF

#3E52C7 #5466CD #6B7BD4 #828FDB #99A4E1 #B0B8E8 #C7CDEF

#3E52C7 - #C7CDEF

HSV Blend

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

0.0%	0.0% #3E52C7	RGB 62 82 199	#3E52C7
16.7%	16.7% #5164CD	RGB 81 100 205	#5164CD
33.3%	33.3% #6777D4	RGB 103 119 212	#6777D4
50.0%	50.0% #7D8BDB	RGB 125 139 219	#7D8BDB
66.7%	66.7% #94A0E1	RGB 148 160 225	#94A0E1
83.3%	83.3% #ADB6E8	RGB 173 182 232	#ADB6E8
100.0%	100.0% #C7CDEF	RGB 199 205 239	#C7CDEF

#3E52C7 #5164CD #6777D4 #7D8BDB #94A0E1 #ADB6E8 #C7CDEF

#3E52C7 - #7D8BDB - #C7CDEF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E52C7 0%, #7D8BDB 50%, #C7CDEF 100%);
    background: -webkit-linear-gradient(top, #3E52C7 0%, #7D8BDB 50%, #C7CDEF 100%);
    background: linear-gradient(to bottom, #3E52C7 0%, #7D8BDB 50%, #C7CDEF 100%);
}
</style>