#ABC6B5 - #D4E2B9 | 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 #ABC6B5 a #D4E2B9

#ABC6B5 #D4E2B9

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

#ABC6B5 - #D4E2B9 | 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 #ABC6B5 como 0% y #D4E2B9 como 100%.

0.0%	0.0% #ABC6B5	RGB 171 198 181	#ABC6B5
16.7%	16.7% #B1CAB5	RGB 177 202 181	#B1CAB5
33.3%	33.3% #B8CFB6	RGB 184 207 182	#B8CFB6
50.0%	50.0% #BFD4B7	RGB 191 212 183	#BFD4B7
66.7%	66.7% #C6D8B7	RGB 198 216 183	#C6D8B7
83.3%	83.3% #CDDDB8	RGB 205 221 184	#CDDDB8
100.0%	100.0% #D4E2B9	RGB 212 226 185	#D4E2B9

#ABC6B5 #B1CAB5 #B8CFB6 #BFD4B7 #C6D8B7 #CDDDB8 #D4E2B9

#ABC6B5 - #D4E2B9

Mezcla HSV

#ABC6B5 - #D4E2B9 | 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 #ABC6B5 como 0% y #D4E2B9 como 100%.

0.0%	0.0% #ABC6B5	RGB 171 198 181	#ABC6B5
16.7%	16.7% #ADCAB3	RGB 173 202 179	#ADCAB3
33.3%	33.3% #AFCFB0	RGB 175 207 176	#AFCFB0
50.0%	50.0% #B7D4B2	RGB 183 212 178	#B7D4B2
66.7%	66.7% #BFD8B4	RGB 191 216 180	#BFD8B4
83.3%	83.3% #C9DDB6	RGB 201 221 182	#C9DDB6
100.0%	100.0% #D4E2B9	RGB 212 226 185	#D4E2B9

#ABC6B5 #ADCAB3 #AFCFB0 #B7D4B2 #BFD8B4 #C9DDB6 #D4E2B9

#ABC6B5 - #B7D4B2 - #D4E2B9

Códigos CSS

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

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