#ACFFB2 - #E5E5EC | 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 #ACFFB2 a #E5E5EC

#ACFFB2 #E5E5EC

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

#ACFFB2 - #E5E5EC | 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 #ACFFB2 como 0% y #E5E5EC como 100%.

0.0%	0.0% #ACFFB2	RGB 172 255 178	#ACFFB2
16.7%	16.7% #B5FABB	RGB 181 250 187	#B5FABB
33.3%	33.3% #BFF6C5	RGB 191 246 197	#BFF6C5
50.0%	50.0% #C8F2CF	RGB 200 242 207	#C8F2CF
66.7%	66.7% #D2EDD8	RGB 210 237 216	#D2EDD8
83.3%	83.3% #DBE9E2	RGB 219 233 226	#DBE9E2
100.0%	100.0% #E5E5EC	RGB 229 229 236	#E5E5EC

#ACFFB2 #B5FABB #BFF6C5 #C8F2CF #D2EDD8 #DBE9E2 #E5E5EC

#ACFFB2 - #E5E5EC

Mezcla HSV

#ACFFB2 - #E5E5EC | 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 #ACFFB2 como 0% y #E5E5EC como 100%.

0.0%	0.0% #ACFFB2	RGB 172 255 178	#ACFFB2
16.7%	16.7% #B6FBD1	RGB 182 251 209	#B6FBD1
33.3%	33.3% #C0F8E8	RGB 192 248 232	#C0F8E8
50.0%	50.0% #C9F3F5	RGB 201 243 245	#C9F3F5
66.7%	66.7% #D3E7F2	RGB 211 231 242	#D3E7F2
83.3%	83.3% #DCE2EF	RGB 220 226 239	#DCE2EF
100.0%	100.0% #E5E5EC	RGB 229 229 236	#E5E5EC

#ACFFB2 #B6FBD1 #C0F8E8 #C9F3F5 #D3E7F2 #DCE2EF #E5E5EC

#ACFFB2 - #C9F3F5 - #E5E5EC

Códigos CSS

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

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