#CCAAAA - #B45B54 | 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 #CCAAAA a #B45B54

#CCAAAA #B45B54

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

#CCAAAA - #B45B54 | 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 #CCAAAA como 0% y #B45B54 como 100%.

0.0%	0.0% #CCAAAA	RGB 204 170 170	#CCAAAA
16.7%	16.7% #C89C9B	RGB 200 156 155	#C89C9B
33.3%	33.3% #C48F8D	RGB 196 143 141	#C48F8D
50.0%	50.0% #C0827F	RGB 192 130 127	#C0827F
66.7%	66.7% #BC7570	RGB 188 117 112	#BC7570
83.3%	83.3% #B86862	RGB 184 104 98	#B86862
100.0%	100.0% #B45B54	RGB 180 91 84	#B45B54

#CCAAAA #C89C9B #C48F8D #C0827F #BC7570 #B86862 #B45B54

#CCAAAA - #B45B54

Mezcla HSV

#CCAAAA - #B45B54 | 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 #CCAAAA como 0% y #B45B54 como 100%.

0.0%	0.0% #CCAAAA	RGB 204 170 170	#CCAAAA
16.7%	16.7% #C89A9A	RGB 200 154 154	#C89A9A
33.3%	33.3% #C48C8B	RGB 196 140 139	#C48C8B
50.0%	50.0% #C07F7C	RGB 192 127 124	#C07F7C
66.7%	66.7% #BC726E	RGB 188 114 110	#BC726E
83.3%	83.3% #B86661	RGB 184 102 97	#B86661
100.0%	100.0% #B45B54	RGB 180 91 84	#B45B54

#CCAAAA #C89A9A #C48C8B #C07F7C #BC726E #B86661 #B45B54

#CCAAAA - #C07F7C - #B45B54

Códigos CSS

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

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