#C4D2FD - #6888D6 | 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 #C4D2FD to #6888D6

#C4D2FD #6888D6

Calculate the color between two colors, #C4D2FD and #6888D6. 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)

#C4D2FD - #6888D6 | 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 #C4D2FD as 0% and #6888D6 as 100%.

0.0%	0.0% #C4D2FD	RGB 196 210 253	#C4D2FD
16.7%	16.7% #B4C5F6	RGB 180 197 246	#B4C5F6
33.3%	33.3% #A5B9F0	RGB 165 185 240	#A5B9F0
50.0%	50.0% #96ADE9	RGB 150 173 233	#96ADE9
66.7%	66.7% #86A0E3	RGB 134 160 227	#86A0E3
83.3%	83.3% #7794DC	RGB 119 148 220	#7794DC
100.0%	100.0% #6888D6	RGB 104 136 214	#6888D6

#C4D2FD #B4C5F6 #A5B9F0 #96ADE9 #86A0E3 #7794DC #6888D6

#C4D2FD - #6888D6

HSV Blend

#C4D2FD - #6888D6 | 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 #C4D2FD as 0% and #6888D6 as 100%.

0.0%	0.0% #C4D2FD	RGB 196 210 253	#C4D2FD
16.7%	16.7% #B3C4F6	RGB 179 196 246	#B3C4F6
33.3%	33.3% #A2B6F0	RGB 162 182 240	#A2B6F0
50.0%	50.0% #93AAE9	RGB 147 170 233	#93AAE9
66.7%	66.7% #849EE3	RGB 132 158 227	#849EE3
83.3%	83.3% #7592DC	RGB 117 146 220	#7592DC
100.0%	100.0% #6888D6	RGB 104 136 214	#6888D6

#C4D2FD #B3C4F6 #A2B6F0 #93AAE9 #849EE3 #7592DC #6888D6

#C4D2FD - #93AAE9 - #6888D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4D2FD 0%, #93AAE9 50%, #6888D6 100%);
    background: -webkit-linear-gradient(top, #C4D2FD 0%, #93AAE9 50%, #6888D6 100%);
    background: linear-gradient(to bottom, #C4D2FD 0%, #93AAE9 50%, #6888D6 100%);
}
</style>