#488C96 - #CCCFB8 | 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 #488C96 a #CCCFB8

#488C96 #CCCFB8

Calcule el color entre dos colores, #488C96 y #CCCFB8. 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)

#488C96 - #CCCFB8 | 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 #488C96 como 0% y #CCCFB8 como 100%.

0.0%	0.0% #488C96	RGB 72 140 150	#488C96
16.7%	16.7% #5E979B	RGB 94 151 155	#5E979B
33.3%	33.3% #74A2A1	RGB 116 162 161	#74A2A1
50.0%	50.0% #8AADA7	RGB 138 173 167	#8AADA7
66.7%	66.7% #A0B8AC	RGB 160 184 172	#A0B8AC
83.3%	83.3% #B6C3B2	RGB 182 195 178	#B6C3B2
100.0%	100.0% #CCCFB8	RGB 204 207 184	#CCCFB8

#488C96 #5E979B #74A2A1 #8AADA7 #A0B8AC #B6C3B2 #CCCFB8

#488C96 - #CCCFB8

Mezcla HSV

#488C96 - #CCCFB8 | 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 #488C96 como 0% y #CCCFB8 como 100%.

0.0%	0.0% #488C96	RGB 72 140 150	#488C96
16.7%	16.7% #579F90	RGB 87 159 144	#579F90
33.3%	33.3% #68A986	RGB 104 169 134	#68A986
50.0%	50.0% #7AB281	RGB 122 178 129	#7AB281
66.7%	66.7% #96BC8D	RGB 150 188 141	#96BC8D
83.3%	83.3% #B5C5A2	RGB 181 197 162	#B5C5A2
100.0%	100.0% #CCCFB8	RGB 204 207 184	#CCCFB8

#488C96 #579F90 #68A986 #7AB281 #96BC8D #B5C5A2 #CCCFB8

#488C96 - #7AB281 - #CCCFB8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488C96 0%, #7AB281 50%, #CCCFB8 100%);
    background: -webkit-linear-gradient(top, #488C96 0%, #7AB281 50%, #CCCFB8 100%);
    background: linear-gradient(to bottom, #488C96 0%, #7AB281 50%, #CCCFB8 100%);
}
</style>