#DAEFF2 - #8CABC0 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #DAEFF2 a #8CABC0

#DAEFF2 #8CABC0

Calcule el color entre dos colores, #DAEFF2 y #8CABC0. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#DAEFF2 - #8CABC0 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #DAEFF2 como 0% y #8CABC0 como 100%.

0.0%	0.0% #DAEFF2	RGB 218 239 242	#DAEFF2
16.7%	16.7% #CDE3E9	RGB 205 227 233	#CDE3E9
33.3%	33.3% #C0D8E1	RGB 192 216 225	#C0D8E1
50.0%	50.0% #B3CDD9	RGB 179 205 217	#B3CDD9
66.7%	66.7% #A6C1D0	RGB 166 193 208	#A6C1D0
83.3%	83.3% #99B6C8	RGB 153 182 200	#99B6C8
100.0%	100.0% #8CABC0	RGB 140 171 192	#8CABC0

#DAEFF2 #CDE3E9 #C0D8E1 #B3CDD9 #A6C1D0 #99B6C8 #8CABC0

#DAEFF2 - #8CABC0

Mezcla HSV

#DAEFF2 - #8CABC0 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #DAEFF2 como 0% y #8CABC0 como 100%.

0.0%	0.0% #DAEFF2	RGB 218 239 242	#DAEFF2
16.7%	16.7% #CBE4E9	RGB 203 228 233	#CBE4E9
33.3%	33.3% #BED9E1	RGB 190 217 225	#BED9E1
50.0%	50.0% #B0CED9	RGB 176 206 217	#B0CED9
66.7%	66.7% #A4C2D0	RGB 164 194 208	#A4C2D0
83.3%	83.3% #97B6C8	RGB 151 182 200	#97B6C8
100.0%	100.0% #8CABC0	RGB 140 171 192	#8CABC0

#DAEFF2 #CBE4E9 #BED9E1 #B0CED9 #A4C2D0 #97B6C8 #8CABC0

#DAEFF2 - #B0CED9 - #8CABC0

Códigos CSS

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

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