#AAABB0 - #B5E4D0 | 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 #AAABB0 a #B5E4D0

#AAABB0 #B5E4D0

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

#AAABB0 - #B5E4D0 | 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 #AAABB0 como 0% y #B5E4D0 como 100%.

0.0%	0.0% #AAABB0	RGB 170 171 176	#AAABB0
16.7%	16.7% #ABB4B5	RGB 171 180 181	#ABB4B5
33.3%	33.3% #ADBEBA	RGB 173 190 186	#ADBEBA
50.0%	50.0% #AFC7C0	RGB 175 199 192	#AFC7C0
66.7%	66.7% #B1D1C5	RGB 177 209 197	#B1D1C5
83.3%	83.3% #B3DACA	RGB 179 218 202	#B3DACA
100.0%	100.0% #B5E4D0	RGB 181 228 208	#B5E4D0

#AAABB0 #ABB4B5 #ADBEBA #AFC7C0 #B1D1C5 #B3DACA #B5E4D0

#AAABB0 - #B5E4D0

Mezcla HSV

#AAABB0 - #B5E4D0 | 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 #AAABB0 como 0% y #B5E4D0 como 100%.

0.0%	0.0% #AAABB0	RGB 170 171 176	#AAABB0
16.7%	16.7% #ADB1B8	RGB 173 177 184	#ADB1B8
33.3%	33.3% #AFBAC1	RGB 175 186 193	#AFBAC1
50.0%	50.0% #B1C5CA	RGB 177 197 202	#B1C5CA
66.7%	66.7% #B3D2D2	RGB 179 210 210	#B3D2D2
83.3%	83.3% #B4DBD2	RGB 180 219 210	#B4DBD2
100.0%	100.0% #B5E4D0	RGB 181 228 208	#B5E4D0

#AAABB0 #ADB1B8 #AFBAC1 #B1C5CA #B3D2D2 #B4DBD2 #B5E4D0

#AAABB0 - #B1C5CA - #B5E4D0

Códigos CSS

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

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