#A8D0FF - #D9E2EE | 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 #A8D0FF a #D9E2EE

#A8D0FF #D9E2EE

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

#A8D0FF - #D9E2EE | 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 #A8D0FF como 0% y #D9E2EE como 100%.

0.0%	0.0% #A8D0FF	RGB 168 208 255	#A8D0FF
16.7%	16.7% #B0D3FC	RGB 176 211 252	#B0D3FC
33.3%	33.3% #B8D6F9	RGB 184 214 249	#B8D6F9
50.0%	50.0% #C0D9F6	RGB 192 217 246	#C0D9F6
66.7%	66.7% #C8DCF3	RGB 200 220 243	#C8DCF3
83.3%	83.3% #D0DFF0	RGB 208 223 240	#D0DFF0
100.0%	100.0% #D9E2EE	RGB 217 226 238	#D9E2EE

#A8D0FF #B0D3FC #B8D6F9 #C0D9F6 #C8DCF3 #D0DFF0 #D9E2EE

#A8D0FF - #D9E2EE

Mezcla HSV

#A8D0FF - #D9E2EE | 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 #A8D0FF como 0% y #D9E2EE como 100%.

0.0%	0.0% #A8D0FF	RGB 168 208 255	#A8D0FF
16.7%	16.7% #B0D3FC	RGB 176 211 252	#B0D3FC
33.3%	33.3% #B9D6F9	RGB 185 214 249	#B9D6F9
50.0%	50.0% #C1D9F6	RGB 193 217 246	#C1D9F6
66.7%	66.7% #C9DCF3	RGB 201 220 243	#C9DCF3
83.3%	83.3% #D1DFF0	RGB 209 223 240	#D1DFF0
100.0%	100.0% #D9E2EE	RGB 217 226 238	#D9E2EE

#A8D0FF #B0D3FC #B9D6F9 #C1D9F6 #C9DCF3 #D1DFF0 #D9E2EE

#A8D0FF - #C1D9F6 - #D9E2EE

Códigos CSS

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

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