#ABD2D2 - #E7F2F2 | 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 #ABD2D2 a #E7F2F2

#ABD2D2 #E7F2F2

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

#ABD2D2 - #E7F2F2 | 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 #ABD2D2 como 0% y #E7F2F2 como 100%.

0.0%	0.0% #ABD2D2	RGB 171 210 210	#ABD2D2
16.7%	16.7% #B5D7D7	RGB 181 215 215	#B5D7D7
33.3%	33.3% #BFDCDC	RGB 191 220 220	#BFDCDC
50.0%	50.0% #C9E2E2	RGB 201 226 226	#C9E2E2
66.7%	66.7% #D3E7E7	RGB 211 231 231	#D3E7E7
83.3%	83.3% #DDECEC	RGB 221 236 236	#DDECEC
100.0%	100.0% #E7F2F2	RGB 231 242 242	#E7F2F2

#ABD2D2 #B5D7D7 #BFDCDC #C9E2E2 #D3E7E7 #DDECEC #E7F2F2

#ABD2D2 - #E7F2F2

Mezcla HSV

#ABD2D2 - #E7F2F2 | 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 #ABD2D2 como 0% y #E7F2F2 como 100%.

0.0%	0.0% #ABD2D2	RGB 171 210 210	#ABD2D2
16.7%	16.7% #B4D7D7	RGB 180 215 215	#B4D7D7
33.3%	33.3% #BEDCDC	RGB 190 220 220	#BEDCDC
50.0%	50.0% #C7E2E2	RGB 199 226 226	#C7E2E2
66.7%	66.7% #D2E7E7	RGB 210 231 231	#D2E7E7
83.3%	83.3% #DCECEC	RGB 220 236 236	#DCECEC
100.0%	100.0% #E7F2F2	RGB 231 242 242	#E7F2F2

#ABD2D2 #B4D7D7 #BEDCDC #C7E2E2 #D2E7E7 #DCECEC #E7F2F2

#ABD2D2 - #C7E2E2 - #E7F2F2

Códigos CSS

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

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