#ACACAF - #B7E2DF | 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 #ACACAF a #B7E2DF

#ACACAF #B7E2DF

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

#ACACAF - #B7E2DF | 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 #ACACAF como 0% y #B7E2DF como 100%.

0.0%	0.0% #ACACAF	RGB 172 172 175	#ACACAF
16.7%	16.7% #ADB5B7	RGB 173 181 183	#ADB5B7
33.3%	33.3% #AFBEBF	RGB 175 190 191	#AFBEBF
50.0%	50.0% #B1C7C7	RGB 177 199 199	#B1C7C7
66.7%	66.7% #B3D0CF	RGB 179 208 207	#B3D0CF
83.3%	83.3% #B5D9D7	RGB 181 217 215	#B5D9D7
100.0%	100.0% #B7E2DF	RGB 183 226 223	#B7E2DF

#ACACAF #ADB5B7 #AFBEBF #B1C7C7 #B3D0CF #B5D9D7 #B7E2DF

#ACACAF - #B7E2DF

Mezcla HSV

#ACACAF - #B7E2DF | 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 #ACACAF como 0% y #B7E2DF como 100%.

0.0%	0.0% #ACACAF	RGB 172 172 175	#ACACAF
16.7%	16.7% #AFB0B7	RGB 175 176 183	#AFB0B7
33.3%	33.3% #B1B6C0	RGB 177 182 192	#B1B6C0
50.0%	50.0% #B3BEC8	RGB 179 190 200	#B3BEC8
66.7%	66.7% #B5C9D1	RGB 181 201 209	#B5C9D1
83.3%	83.3% #B6D5D9	RGB 182 213 217	#B6D5D9
100.0%	100.0% #B7E2DF	RGB 183 226 223	#B7E2DF

#ACACAF #AFB0B7 #B1B6C0 #B3BEC8 #B5C9D1 #B6D5D9 #B7E2DF

#ACACAF - #B3BEC8 - #B7E2DF

Códigos CSS

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

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