#ADBFE1 - #E7E5E0 | 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 #ADBFE1 a #E7E5E0

#ADBFE1 #E7E5E0

Calcule el color entre dos colores, #ADBFE1 y #E7E5E0. 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)

#ADBFE1 - #E7E5E0 | 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 #ADBFE1 como 0% y #E7E5E0 como 100%.

0.0%	0.0% #ADBFE1	RGB 173 191 225	#ADBFE1
16.7%	16.7% #B6C5E0	RGB 182 197 224	#B6C5E0
33.3%	33.3% #C0CBE0	RGB 192 203 224	#C0CBE0
50.0%	50.0% #CAD2E0	RGB 202 210 224	#CAD2E0
66.7%	66.7% #D3D8E0	RGB 211 216 224	#D3D8E0
83.3%	83.3% #DDDEE0	RGB 221 222 224	#DDDEE0
100.0%	100.0% #E7E5E0	RGB 231 229 224	#E7E5E0

#ADBFE1 #B6C5E0 #C0CBE0 #CAD2E0 #D3D8E0 #DDDEE0 #E7E5E0

#ADBFE1 - #E7E5E0

Mezcla HSV

#ADBFE1 - #E7E5E0 | 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 #ADBFE1 como 0% y #E7E5E0 como 100%.

0.0%	0.0% #ADBEE1	RGB 173 190 225	#ADBEE1
16.7%	16.7% #B5DAE2	RGB 181 218 226	#B5DAE2
33.3%	33.3% #BDE3D6	RGB 189 227 214	#BDE3D6
50.0%	50.0% #C6E4CB	RGB 198 228 203	#C6E4CB
66.7%	66.7% #D5E5CE	RGB 213 229 206	#D5E5CE
83.3%	83.3% #E3E6D7	RGB 227 230 215	#E3E6D7
100.0%	100.0% #E7E5E0	RGB 231 229 224	#E7E5E0

#ADBEE1 #B5DAE2 #BDE3D6 #C6E4CB #D5E5CE #E3E6D7 #E7E5E0

#ADBFE1 - #C6E4CB - #E7E5E0

Códigos CSS

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

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