#A8C2E6 - #DBDFE2 | 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 #A8C2E6 a #DBDFE2

#A8C2E6 #DBDFE2

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

#A8C2E6 - #DBDFE2 | 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 #A8C2E6 como 0% y #DBDFE2 como 100%.

0.0%	0.0% #A8C2E6	RGB 168 194 230	#A8C2E6
16.7%	16.7% #B0C6E5	RGB 176 198 229	#B0C6E5
33.3%	33.3% #B9CBE4	RGB 185 203 228	#B9CBE4
50.0%	50.0% #C1D0E4	RGB 193 208 228	#C1D0E4
66.7%	66.7% #CAD5E3	RGB 202 213 227	#CAD5E3
83.3%	83.3% #D2DAE2	RGB 210 218 226	#D2DAE2
100.0%	100.0% #DBDFE2	RGB 219 223 226	#DBDFE2

#A8C2E6 #B0C6E5 #B9CBE4 #C1D0E4 #CAD5E3 #D2DAE2 #DBDFE2

#A8C2E6 - #DBDFE2

Mezcla HSV

#A8C2E6 - #DBDFE2 | 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 #A8C2E6 como 0% y #DBDFE2 como 100%.

0.0%	0.0% #A8C2E6	RGB 168 194 230	#A8C2E6
16.7%	16.7% #B0C8E5	RGB 176 200 229	#B0C8E5
33.3%	33.3% #B9CDE4	RGB 185 205 228	#B9CDE4
50.0%	50.0% #C1D2E4	RGB 193 210 228	#C1D2E4
66.7%	66.7% #CAD7E3	RGB 202 215 227	#CAD7E3
83.3%	83.3% #D2DBE2	RGB 210 219 226	#D2DBE2
100.0%	100.0% #DBDFE2	RGB 219 223 226	#DBDFE2

#A8C2E6 #B0C8E5 #B9CDE4 #C1D2E4 #CAD7E3 #D2DBE2 #DBDFE2

#A8C2E6 - #C1D2E4 - #DBDFE2

Códigos CSS

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

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