#595A55 - #CFCFCE | 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 #595A55 a #CFCFCE

#595A55 #CFCFCE

Calcule el color entre dos colores, #595A55 y #CFCFCE. 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)

#595A55 - #CFCFCE | 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 #595A55 como 0% y #CFCFCE como 100%.

0.0%	0.0% #595A55	RGB 89 90 85	#595A55
16.7%	16.7% #6C6D69	RGB 108 109 105	#6C6D69
33.3%	33.3% #80817D	RGB 128 129 125	#80817D
50.0%	50.0% #949491	RGB 148 148 145	#949491
66.7%	66.7% #A7A8A5	RGB 167 168 165	#A7A8A5
83.3%	83.3% #BBBBB9	RGB 187 187 185	#BBBBB9
100.0%	100.0% #CFCFCE	RGB 207 207 206	#CFCFCE

#595A55 #6C6D69 #80817D #949491 #A7A8A5 #BBBBB9 #CFCFCE

#595A55 - #CFCFCE

Mezcla HSV

#595A55 - #CFCFCE | 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 #595A55 como 0% y #CFCFCE como 100%.

0.0%	0.0% #595A55	RGB 89 90 85	#595A55
16.7%	16.7% #6C6D68	RGB 108 109 104	#6C6D68
33.3%	33.3% #80817C	RGB 128 129 124	#80817C
50.0%	50.0% #949490	RGB 148 148 144	#949490
66.7%	66.7% #A7A8A4	RGB 167 168 164	#A7A8A4
83.3%	83.3% #BBBBB9	RGB 187 187 185	#BBBBB9
100.0%	100.0% #CFCFCE	RGB 207 207 206	#CFCFCE

#595A55 #6C6D68 #80817C #949490 #A7A8A4 #BBBBB9 #CFCFCE

#595A55 - #949490 - #CFCFCE

Códigos CSS

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

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