#688393 - #CDC2AF | 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 #688393 a #CDC2AF

#688393 #CDC2AF

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

#688393 - #CDC2AF | 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 #688393 como 0% y #CDC2AF como 100%.

0.0%	0.0% #688393	RGB 104 131 147	#688393
16.7%	16.7% #788D97	RGB 120 141 151	#788D97
33.3%	33.3% #89989C	RGB 137 152 156	#89989C
50.0%	50.0% #9AA2A1	RGB 154 162 161	#9AA2A1
66.7%	66.7% #ABADA5	RGB 171 173 165	#ABADA5
83.3%	83.3% #BCB7AA	RGB 188 183 170	#BCB7AA
100.0%	100.0% #CDC2AF	RGB 205 194 175	#CDC2AF

#688393 #788D97 #89989C #9AA2A1 #ABADA5 #BCB7AA #CDC2AF

#688393 - #CDC2AF

Mezcla HSV

#688393 - #CDC2AF | 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 #688393 como 0% y #CDC2AF como 100%.

0.0%	0.0% #688293	RGB 104 130 147	#688293
16.7%	16.7% #729C99	RGB 114 156 153	#729C99
33.3%	33.3% #7DA690	RGB 125 166 144	#7DA690
50.0%	50.0% #89B089	RGB 137 176 137	#89B089
66.7%	66.7% #A5B995	RGB 165 185 149	#A5B995
83.3%	83.3% #C0C3A1	RGB 192 195 161	#C0C3A1
100.0%	100.0% #CDC2AF	RGB 205 194 175	#CDC2AF

#688293 #729C99 #7DA690 #89B089 #A5B995 #C0C3A1 #CDC2AF

#688393 - #89B089 - #CDC2AF

Códigos CSS

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

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