#5E96B7 - #CAD0C9 | 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 #5E96B7 to #CAD0C9

#5E96B7 #CAD0C9

Calculate the color between two colors, #5E96B7 and #CAD0C9. 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)

#5E96B7 - #CAD0C9 | 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 #5E96B7 as 0% and #CAD0C9 as 100%.

0.0%	0.0% #5E96B7	RGB 94 150 183	#5E96B7
16.7%	16.7% #709FBA	RGB 112 159 186	#709FBA
33.3%	33.3% #82A9BD	RGB 130 169 189	#82A9BD
50.0%	50.0% #94B3C0	RGB 148 179 192	#94B3C0
66.7%	66.7% #A6BCC3	RGB 166 188 195	#A6BCC3
83.3%	83.3% #B8C6C6	RGB 184 198 198	#B8C6C6
100.0%	100.0% #CAD0C9	RGB 202 208 201	#CAD0C9

#5E96B7 #709FBA #82A9BD #94B3C0 #A6BCC3 #B8C6C6 #CAD0C9

#5E96B7 - #CAD0C9

HSV Blend

#5E96B7 - #CAD0C9 | 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 #5E96B7 as 0% and #CAD0C9 as 100%.

0.0%	0.0% #5E96B7	RGB 94 150 183	#5E96B7
16.7%	16.7% #6EB2BB	RGB 110 178 187	#6EB2BB
33.3%	33.3% #7FBFB6	RGB 127 191 182	#7FBFB6
50.0%	50.0% #90C3AF	RGB 144 195 175	#90C3AF
66.7%	66.7% #A2C7B0	RGB 162 199 176	#A2C7B0
83.3%	83.3% #B5CBB8	RGB 181 203 184	#B5CBB8
100.0%	100.0% #CAD0C9	RGB 202 208 201	#CAD0C9

#5E96B7 #6EB2BB #7FBFB6 #90C3AF #A2C7B0 #B5CBB8 #CAD0C9

#5E96B7 - #90C3AF - #CAD0C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E96B7 0%, #90C3AF 50%, #CAD0C9 100%);
    background: -webkit-linear-gradient(top, #5E96B7 0%, #90C3AF 50%, #CAD0C9 100%);
    background: linear-gradient(to bottom, #5E96B7 0%, #90C3AF 50%, #CAD0C9 100%);
}
</style>