#94C0CE - #CDD3D2 | 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 #94C0CE to #CDD3D2

#94C0CE #CDD3D2

Calculate the color between two colors, #94C0CE and #CDD3D2. 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)

#94C0CE - #CDD3D2 | 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 #94C0CE as 0% and #CDD3D2 as 100%.

0.0%	0.0% #94C0CE	RGB 148 192 206	#94C0CE
16.7%	16.7% #9DC3CE	RGB 157 195 206	#9DC3CE
33.3%	33.3% #A7C6CF	RGB 167 198 207	#A7C6CF
50.0%	50.0% #B0C9D0	RGB 176 201 208	#B0C9D0
66.7%	66.7% #BACCD0	RGB 186 204 208	#BACCD0
83.3%	83.3% #C3CFD1	RGB 195 207 209	#C3CFD1
100.0%	100.0% #CDD3D2	RGB 205 211 210	#CDD3D2

#94C0CE #9DC3CE #A7C6CF #B0C9D0 #BACCD0 #C3CFD1 #CDD3D2

#94C0CE - #CDD3D2

HSV Blend

#94C0CE - #CDD3D2 | 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 #94C0CE as 0% and #CDD3D2 as 100%.

0.0%	0.0% #94C0CE	RGB 148 192 206	#94C0CE
16.7%	16.7% #9DC6CE	RGB 157 198 206	#9DC6CE
33.3%	33.3% #A6CBCF	RGB 166 203 207	#A6CBCF
50.0%	50.0% #B0CFD0	RGB 176 207 208	#B0CFD0
66.7%	66.7% #B9D1D0	RGB 185 209 208	#B9D1D0
83.3%	83.3% #C3D2D0	RGB 195 210 208	#C3D2D0
100.0%	100.0% #CDD3D2	RGB 205 211 210	#CDD3D2

#94C0CE #9DC6CE #A6CBCF #B0CFD0 #B9D1D0 #C3D2D0 #CDD3D2

#94C0CE - #B0CFD0 - #CDD3D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94C0CE 0%, #B0CFD0 50%, #CDD3D2 100%);
    background: -webkit-linear-gradient(top, #94C0CE 0%, #B0CFD0 50%, #CDD3D2 100%);
    background: linear-gradient(to bottom, #94C0CE 0%, #B0CFD0 50%, #CDD3D2 100%);
}
</style>