#C0D8FF - #5E90DB | 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 #C0D8FF a #5E90DB

#C0D8FF #5E90DB

Calcule el color entre dos colores, #C0D8FF y #5E90DB. 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)

#C0D8FF - #5E90DB | 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 #C0D8FF como 0% y #5E90DB como 100%.

0.0%	0.0% #C0D8FF	RGB 192 216 255	#C0D8FF
16.7%	16.7% #AFCCF9	RGB 175 204 249	#AFCCF9
33.3%	33.3% #9FC0F3	RGB 159 192 243	#9FC0F3
50.0%	50.0% #8FB4ED	RGB 143 180 237	#8FB4ED
66.7%	66.7% #7EA8E7	RGB 126 168 231	#7EA8E7
83.3%	83.3% #6E9CE1	RGB 110 156 225	#6E9CE1
100.0%	100.0% #5E90DB	RGB 94 144 219	#5E90DB

#C0D8FF #AFCCF9 #9FC0F3 #8FB4ED #7EA8E7 #6E9CE1 #5E90DB

#C0D8FF - #5E90DB

Mezcla HSV

#C0D8FF - #5E90DB | 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 #C0D8FF como 0% y #5E90DB como 100%.

0.0%	0.0% #C0D8FF	RGB 192 216 255	#C0D8FF
16.7%	16.7% #AECAF9	RGB 174 202 249	#AECAF9
33.3%	33.3% #9CBEF3	RGB 156 190 243	#9CBEF3
50.0%	50.0% #8CB1ED	RGB 140 177 237	#8CB1ED
66.7%	66.7% #7CA6E7	RGB 124 166 231	#7CA6E7
83.3%	83.3% #6C9AE1	RGB 108 154 225	#6C9AE1
100.0%	100.0% #5E90DB	RGB 94 144 219	#5E90DB

#C0D8FF #AECAF9 #9CBEF3 #8CB1ED #7CA6E7 #6C9AE1 #5E90DB

#C0D8FF - #8CB1ED - #5E90DB

Códigos CSS

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

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