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

#A8C8C8 #CADEBC

Calcule el color entre dos colores, #A8C8C8 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)

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

0.0%	0.0% #A8C8C8	RGB 168 200 200	#A8C8C8
16.7%	16.7% #ADCBC6	RGB 173 203 198	#ADCBC6
33.3%	33.3% #B3CFC4	RGB 179 207 196	#B3CFC4
50.0%	50.0% #B9D3C2	RGB 185 211 194	#B9D3C2
66.7%	66.7% #BED6C0	RGB 190 214 192	#BED6C0
83.3%	83.3% #C4DABE	RGB 196 218 190	#C4DABE
100.0%	100.0% #CADEBC	RGB 202 222 188	#CADEBC

#A8C8C8 #ADCBC6 #B3CFC4 #B9D3C2 #BED6C0 #C4DABE #CADEBC

#A8C8C8 - #CADEBC

Mezcla HSV

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

0.0%	0.0% #A8C8C8	RGB 168 200 200	#A8C8C8
16.7%	16.7% #ABCBC4	RGB 171 203 196	#ABCBC4
33.3%	33.3% #AECFBF	RGB 174 207 191	#AECFBF
50.0%	50.0% #B1D3BB	RGB 177 211 187	#B1D3BB
66.7%	66.7% #B5D6B7	RGB 181 214 183	#B5D6B7
83.3%	83.3% #BEDAB8	RGB 190 218 184	#BEDAB8
100.0%	100.0% #CADEBC	RGB 202 222 188	#CADEBC

#A8C8C8 #ABCBC4 #AECFBF #B1D3BB #B5D6B7 #BEDAB8 #CADEBC

#A8C8C8 - #B1D3BB - #CADEBC

Códigos CSS

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

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