#A6D2D2 - #E5F2F2 | 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 #A6D2D2 a #E5F2F2

#A6D2D2 #E5F2F2

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

#A6D2D2 - #E5F2F2 | 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 #A6D2D2 como 0% y #E5F2F2 como 100%.

0.0%	0.0% #A6D2D2	RGB 166 210 210	#A6D2D2
16.7%	16.7% #B0D7D7	RGB 176 215 215	#B0D7D7
33.3%	33.3% #BBDCDC	RGB 187 220 220	#BBDCDC
50.0%	50.0% #C5E2E2	RGB 197 226 226	#C5E2E2
66.7%	66.7% #D0E7E7	RGB 208 231 231	#D0E7E7
83.3%	83.3% #DAECEC	RGB 218 236 236	#DAECEC
100.0%	100.0% #E5F2F2	RGB 229 242 242	#E5F2F2

#A6D2D2 #B0D7D7 #BBDCDC #C5E2E2 #D0E7E7 #DAECEC #E5F2F2

#A6D2D2 - #E5F2F2

Mezcla HSV

#A6D2D2 - #E5F2F2 | 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 #A6D2D2 como 0% y #E5F2F2 como 100%.

0.0%	0.0% #A6D2D2	RGB 166 210 210	#A6D2D2
16.7%	16.7% #AFD7D7	RGB 175 215 215	#AFD7D7
33.3%	33.3% #B9DCDC	RGB 185 220 220	#B9DCDC
50.0%	50.0% #C4E2E2	RGB 196 226 226	#C4E2E2
66.7%	66.7% #CEE7E7	RGB 206 231 231	#CEE7E7
83.3%	83.3% #D9ECEC	RGB 217 236 236	#D9ECEC
100.0%	100.0% #E5F2F2	RGB 229 242 242	#E5F2F2

#A6D2D2 #AFD7D7 #B9DCDC #C4E2E2 #CEE7E7 #D9ECEC #E5F2F2

#A6D2D2 - #C4E2E2 - #E5F2F2

Códigos CSS

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

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