#ABC6C5 - #CADEBC | 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 #ABC6C5 a #CADEBC

#ABC6C5 #CADEBC

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

#ABC6C5 - #CADEBC | 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 #ABC6C5 como 0% y #CADEBC como 100%.

0.0%	0.0% #ABC6C5	RGB 171 198 197	#ABC6C5
16.7%	16.7% #B0CAC3	RGB 176 202 195	#B0CAC3
33.3%	33.3% #B5CEC2	RGB 181 206 194	#B5CEC2
50.0%	50.0% #BAD2C0	RGB 186 210 192	#BAD2C0
66.7%	66.7% #BFD6BF	RGB 191 214 191	#BFD6BF
83.3%	83.3% #C4DABD	RGB 196 218 189	#C4DABD
100.0%	100.0% #CADEBC	RGB 202 222 188	#CADEBC

#ABC6C5 #B0CAC3 #B5CEC2 #BAD2C0 #BFD6BF #C4DABD #CADEBC

#ABC6C5 - #CADEBC

Mezcla HSV

#ABC6C5 - #CADEBC | 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 #ABC6C5 como 0% y #CADEBC como 100%.

0.0%	0.0% #ABC6C5	RGB 171 198 197	#ABC6C5
16.7%	16.7% #ADCAC2	RGB 173 202 194	#ADCAC2
33.3%	33.3% #B0CEBF	RGB 176 206 191	#B0CEBF
50.0%	50.0% #B3D2BB	RGB 179 210 187	#B3D2BB
66.7%	66.7% #B6D6B7	RGB 182 214 183	#B6D6B7
83.3%	83.3% #BFDAB9	RGB 191 218 185	#BFDAB9
100.0%	100.0% #CADEBC	RGB 202 222 188	#CADEBC

#ABC6C5 #ADCAC2 #B0CEBF #B3D2BB #B6D6B7 #BFDAB9 #CADEBC

#ABC6C5 - #B3D2BB - #CADEBC

Códigos CSS

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

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