#788BFF - #A0CAFC | 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 #788BFF to #A0CAFC

#788BFF #A0CAFC

Calculate the color between two colors, #788BFF and #A0CAFC. 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)

#788BFF - #A0CAFC | 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 #788BFF as 0% and #A0CAFC as 100%.

0.0%	0.0% #788BFF	RGB 120 139 255	#788BFF
16.7%	16.7% #7E95FE	RGB 126 149 254	#7E95FE
33.3%	33.3% #85A0FE	RGB 133 160 254	#85A0FE
50.0%	50.0% #8CAAFD	RGB 140 170 253	#8CAAFD
66.7%	66.7% #92B5FD	RGB 146 181 253	#92B5FD
83.3%	83.3% #99BFFC	RGB 153 191 252	#99BFFC
100.0%	100.0% #A0CAFC	RGB 160 202 252	#A0CAFC

#788BFF #7E95FE #85A0FE #8CAAFD #92B5FD #99BFFC #A0CAFC

#788BFF - #A0CAFC

HSV Blend

#788BFF - #A0CAFC | 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 #788BFF as 0% and #A0CAFC as 100%.

0.0%	0.0% #788BFF	RGB 120 139 255	#788BFF
16.7%	16.7% #7E97FE	RGB 126 151 254	#7E97FE
33.3%	33.3% #85A3FE	RGB 133 163 254	#85A3FE
50.0%	50.0% #8CADFD	RGB 140 173 253	#8CADFD
66.7%	66.7% #92B8FD	RGB 146 184 253	#92B8FD
83.3%	83.3% #99C1FC	RGB 153 193 252	#99C1FC
100.0%	100.0% #A0CAFC	RGB 160 202 252	#A0CAFC

#788BFF #7E97FE #85A3FE #8CADFD #92B8FD #99C1FC #A0CAFC

#788BFF - #8CADFD - #A0CAFC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #788BFF 0%, #8CADFD 50%, #A0CAFC 100%);
    background: -webkit-linear-gradient(top, #788BFF 0%, #8CADFD 50%, #A0CAFC 100%);
    background: linear-gradient(to bottom, #788BFF 0%, #8CADFD 50%, #A0CAFC 100%);
}
</style>