#8EB5E2 - #D4DADE | 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 #8EB5E2 a #D4DADE

#8EB5E2 #D4DADE

Calcule el color entre dos colores, #8EB5E2 y #D4DADE. 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)

#8EB5E2 - #D4DADE | 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 #8EB5E2 como 0% y #D4DADE como 100%.

0.0%	0.0% #8EB5E2	RGB 142 181 226	#8EB5E2
16.7%	16.7% #99BBE1	RGB 153 187 225	#99BBE1
33.3%	33.3% #A5C1E0	RGB 165 193 224	#A5C1E0
50.0%	50.0% #B1C7E0	RGB 177 199 224	#B1C7E0
66.7%	66.7% #BCCDDF	RGB 188 205 223	#BCCDDF
83.3%	83.3% #C8D3DE	RGB 200 211 222	#C8D3DE
100.0%	100.0% #D4DADE	RGB 212 218 222	#D4DADE

#8EB5E2 #99BBE1 #A5C1E0 #B1C7E0 #BCCDDF #C8D3DE #D4DADE

#8EB5E2 - #D4DADE

Mezcla HSV

#8EB5E2 - #D4DADE | 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 #8EB5E2 como 0% y #D4DADE como 100%.

0.0%	0.0% #8EB5E2	RGB 142 181 226	#8EB5E2
16.7%	16.7% #99BCE1	RGB 153 188 225	#99BCE1
33.3%	33.3% #A5C3E0	RGB 165 195 224	#A5C3E0
50.0%	50.0% #B1CAE0	RGB 177 202 224	#B1CAE0
66.7%	66.7% #BCD0DF	RGB 188 208 223	#BCD0DF
83.3%	83.3% #C8D5DE	RGB 200 213 222	#C8D5DE
100.0%	100.0% #D4DADE	RGB 212 218 222	#D4DADE

#8EB5E2 #99BCE1 #A5C3E0 #B1CAE0 #BCD0DF #C8D5DE #D4DADE

#8EB5E2 - #B1CAE0 - #D4DADE

Códigos CSS

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

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