#ABDAFF - #E5E4ED | 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 #ABDAFF a #E5E4ED

#ABDAFF #E5E4ED

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

#ABDAFF - #E5E4ED | 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 #ABDAFF como 0% y #E5E4ED como 100%.

0.0%	0.0% #ABDAFF	RGB 171 218 255	#ABDAFF
16.7%	16.7% #B4DBFC	RGB 180 219 252	#B4DBFC
33.3%	33.3% #BEDDF9	RGB 190 221 249	#BEDDF9
50.0%	50.0% #C8DFF6	RGB 200 223 246	#C8DFF6
66.7%	66.7% #D1E0F3	RGB 209 224 243	#D1E0F3
83.3%	83.3% #DBE2F0	RGB 219 226 240	#DBE2F0
100.0%	100.0% #E5E4ED	RGB 229 228 237	#E5E4ED

#ABDAFF #B4DBFC #BEDDF9 #C8DFF6 #D1E0F3 #DBE2F0 #E5E4ED

#ABDAFF - #E5E4ED

Mezcla HSV

#ABDAFF - #E5E4ED | 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 #ABDAFF como 0% y #E5E4ED como 100%.

0.0%	0.0% #ABDAFF	RGB 171 218 255	#ABDAFF
16.7%	16.7% #B5D4FC	RGB 181 212 252	#B5D4FC
33.3%	33.3% #BFD2F9	RGB 191 210 249	#BFD2F9
50.0%	50.0% #C8D2F6	RGB 200 210 246	#C8D2F6
66.7%	66.7% #D2D5F3	RGB 210 213 243	#D2D5F3
83.3%	83.3% #DBDBF0	RGB 219 219 240	#DBDBF0
100.0%	100.0% #E5E4ED	RGB 229 228 237	#E5E4ED

#ABDAFF #B5D4FC #BFD2F9 #C8D2F6 #D2D5F3 #DBDBF0 #E5E4ED

#ABDAFF - #C8D2F6 - #E5E4ED

Códigos CSS

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

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