#AAFCFC - #DBE2D0 | 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 #AAFCFC a #DBE2D0

#AAFCFC #DBE2D0

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

#AAFCFC - #DBE2D0 | 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 #AAFCFC como 0% y #DBE2D0 como 100%.

0.0%	0.0% #AAFCFC	RGB 170 252 252	#AAFCFC
16.7%	16.7% #B2F7F4	RGB 178 247 244	#B2F7F4
33.3%	33.3% #BAF3ED	RGB 186 243 237	#BAF3ED
50.0%	50.0% #C2EFE6	RGB 194 239 230	#C2EFE6
66.7%	66.7% #CAEADE	RGB 202 234 222	#CAEADE
83.3%	83.3% #D2E6D7	RGB 210 230 215	#D2E6D7
100.0%	100.0% #DBE2D0	RGB 219 226 208	#DBE2D0

#AAFCFC #B2F7F4 #BAF3ED #C2EFE6 #CAEADE #D2E6D7 #DBE2D0

#AAFCFC - #DBE2D0

Mezcla HSV

#AAFCFC - #DBE2D0 | 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 #AAFCFC como 0% y #DBE2D0 como 100%.

0.0%	0.0% #AAFCFC	RGB 170 252 252	#AAFCFC
16.7%	16.7% #B1F7E4	RGB 177 247 228	#B1F7E4
33.3%	33.3% #B8F3D3	RGB 184 243 211	#B8F3D3
50.0%	50.0% #BEEFC8	RGB 190 239 200	#BEEFC8
66.7%	66.7% #C7EAC4	RGB 199 234 196	#C7EAC4
83.3%	83.3% #D4E6CA	RGB 212 230 202	#D4E6CA
100.0%	100.0% #DBE2D0	RGB 219 226 208	#DBE2D0

#AAFCFC #B1F7E4 #B8F3D3 #BEEFC8 #C7EAC4 #D4E6CA #DBE2D0

#AAFCFC - #BEEFC8 - #DBE2D0

Códigos CSS

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

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