#3C47CC - #C7CAF0 | 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 #3C47CC to #C7CAF0

#3C47CC #C7CAF0

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

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

0.0%	0.0% #3C47CC	RGB 60 71 204	#3C47CC
16.7%	16.7% #535CD2	RGB 83 92 210	#535CD2
33.3%	33.3% #6A72D8	RGB 106 114 216	#6A72D8
50.0%	50.0% #8188DE	RGB 129 136 222	#8188DE
66.7%	66.7% #989EE4	RGB 152 158 228	#989EE4
83.3%	83.3% #AFB4EA	RGB 175 180 234	#AFB4EA
100.0%	100.0% #C7CAF0	RGB 199 202 240	#C7CAF0

#3C47CC #535CD2 #6A72D8 #8188DE #989EE4 #AFB4EA #C7CAF0

#3C47CC - #C7CAF0

HSV Blend

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

0.0%	0.0% #3C46CC	RGB 60 70 204	#3C46CC
16.7%	16.7% #505AD2	RGB 80 90 210	#505AD2
33.3%	33.3% #666ED8	RGB 102 110 216	#666ED8
50.0%	50.0% #7C83DE	RGB 124 131 222	#7C83DE
66.7%	66.7% #949AE4	RGB 148 154 228	#949AE4
83.3%	83.3% #ADB1EA	RGB 173 177 234	#ADB1EA
100.0%	100.0% #C7CAF0	RGB 199 202 240	#C7CAF0

#3C46CC #505AD2 #666ED8 #7C83DE #949AE4 #ADB1EA #C7CAF0

#3C47CC - #7C83DE - #C7CAF0

CSS codes

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

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