#718DFF - #CFD2FF | 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 #718DFF to #CFD2FF

#718DFF #CFD2FF

Calculate the color between two colors, #718DFF and #CFD2FF. 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)

#718DFF - #CFD2FF | 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 #718DFF as 0% and #CFD2FF as 100%.

0.0%	0.0% #718DFF	RGB 113 141 255	#718DFF
16.7%	16.7% #8098FF	RGB 128 152 255	#8098FF
33.3%	33.3% #90A4FF	RGB 144 164 255	#90A4FF
50.0%	50.0% #A0AFFF	RGB 160 175 255	#A0AFFF
66.7%	66.7% #AFBBFF	RGB 175 187 255	#AFBBFF
83.3%	83.3% #BFC6FF	RGB 191 198 255	#BFC6FF
100.0%	100.0% #CFD2FF	RGB 207 210 255	#CFD2FF

#718DFF #8098FF #90A4FF #A0AFFF #AFBBFF #BFC6FF #CFD2FF

#718DFF - #CFD2FF

HSV Blend

#718DFF - #CFD2FF | 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 #718DFF as 0% and #CFD2FF as 100%.

0.0%	0.0% #718CFF	RGB 113 140 255	#718CFF
16.7%	16.7% #8096FF	RGB 128 150 255	#8096FF
33.3%	33.3% #90A1FF	RGB 144 161 255	#90A1FF
50.0%	50.0% #A0ACFF	RGB 160 172 255	#A0ACFF
66.7%	66.7% #AFB8FF	RGB 175 184 255	#AFB8FF
83.3%	83.3% #BFC4FF	RGB 191 196 255	#BFC4FF
100.0%	100.0% #CFD2FF	RGB 207 210 255	#CFD2FF

#718CFF #8096FF #90A1FF #A0ACFF #AFB8FF #BFC4FF #CFD2FF

#718DFF - #A0ACFF - #CFD2FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #718CFF 0%, #A0ACFF 50%, #CFD2FF 100%);
    background: -webkit-linear-gradient(top, #718CFF 0%, #A0ACFF 50%, #CFD2FF 100%);
    background: linear-gradient(to bottom, #718CFF 0%, #A0ACFF 50%, #CFD2FF 100%);
}
</style>