#A2AFAC - #B5FFE2 | 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 #A2AFAC a #B5FFE2

#A2AFAC #B5FFE2

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

#A2AFAC - #B5FFE2 | 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 #A2AFAC como 0% y #B5FFE2 como 100%.

0.0%	0.0% #A2AFAC	RGB 162 175 172	#A2AFAC
16.7%	16.7% #A5BCB5	RGB 165 188 181	#A5BCB5
33.3%	33.3% #A8C9BE	RGB 168 201 190	#A8C9BE
50.0%	50.0% #ABD7C7	RGB 171 215 199	#ABD7C7
66.7%	66.7% #AEE4D0	RGB 174 228 208	#AEE4D0
83.3%	83.3% #B1F1D9	RGB 177 241 217	#B1F1D9
100.0%	100.0% #B5FFE2	RGB 181 255 226	#B5FFE2

#A2AFAC #A5BCB5 #A8C9BE #ABD7C7 #AEE4D0 #B1F1D9 #B5FFE2

#A2AFAC - #B5FFE2

Mezcla HSV

#A2AFAC - #B5FFE2 | 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 #A2AFAC como 0% y #B5FFE2 como 100%.

0.0%	0.0% #A2AFAC	RGB 162 175 172	#A2AFAC
16.7%	16.7% #A7BCB6	RGB 167 188 182	#A7BCB6
33.3%	33.3% #ACC9C1	RGB 172 201 193	#ACC9C1
50.0%	50.0% #AFD7CA	RGB 175 215 202	#AFD7CA
66.7%	66.7% #B2E4D3	RGB 178 228 211	#B2E4D3
83.3%	83.3% #B4F1DB	RGB 180 241 219	#B4F1DB
100.0%	100.0% #B5FFE2	RGB 181 255 226	#B5FFE2

#A2AFAC #A7BCB6 #ACC9C1 #AFD7CA #B2E4D3 #B4F1DB #B5FFE2

#A2AFAC - #AFD7CA - #B5FFE2

Códigos CSS

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

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