#488C8C - #CADEDE | 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 #488C8C a #CADEDE

#488C8C #CADEDE

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

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

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #5D9999	RGB 93 153 153	#5D9999
33.3%	33.3% #73A7A7	RGB 115 167 167	#73A7A7
50.0%	50.0% #89B5B5	RGB 137 181 181	#89B5B5
66.7%	66.7% #9EC2C2	RGB 158 194 194	#9EC2C2
83.3%	83.3% #B4D0D0	RGB 180 208 208	#B4D0D0
100.0%	100.0% #CADEDE	RGB 202 222 222	#CADEDE

#488C8C #5D9999 #73A7A7 #89B5B5 #9EC2C2 #B4D0D0 #CADEDE

#488C8C - #CADEDE

Mezcla HSV

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

0.0%	0.0% #488C8C	RGB 72 140 140	#488C8C
16.7%	16.7% #599999	RGB 89 153 153	#599999
33.3%	33.3% #6CA7A7	RGB 108 167 167	#6CA7A7
50.0%	50.0% #80B5B5	RGB 128 181 181	#80B5B5
66.7%	66.7% #97C2C2	RGB 151 194 194	#97C2C2
83.3%	83.3% #AFD0D0	RGB 175 208 208	#AFD0D0
100.0%	100.0% #CADEDE	RGB 202 222 222	#CADEDE

#488C8C #599999 #6CA7A7 #80B5B5 #97C2C2 #AFD0D0 #CADEDE

#488C8C - #80B5B5 - #CADEDE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #488C8C 0%, #80B5B5 50%, #CADEDE 100%);
    background: -webkit-linear-gradient(top, #488C8C 0%, #80B5B5 50%, #CADEDE 100%);
    background: linear-gradient(to bottom, #488C8C 0%, #80B5B5 50%, #CADEDE 100%);
}
</style>