#4CDCDC - #153E3E | 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 #4CDCDC a #153E3E

#4CDCDC #153E3E

Calcule el color entre dos colores, #4CDCDC y #153E3E. 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)

#4CDCDC - #153E3E | 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 #4CDCDC como 0% y #153E3E como 100%.

0.0%	0.0% #4CDCDC	RGB 76 220 220	#4CDCDC
16.7%	16.7% #42C1C1	RGB 66 193 193	#42C1C1
33.3%	33.3% #39A7A7	RGB 57 167 167	#39A7A7
50.0%	50.0% #308D8D	RGB 48 141 141	#308D8D
66.7%	66.7% #277272	RGB 39 114 114	#277272
83.3%	83.3% #1E5858	RGB 30 88 88	#1E5858
100.0%	100.0% #153E3E	RGB 21 62 62	#153E3E

#4CDCDC #42C1C1 #39A7A7 #308D8D #277272 #1E5858 #153E3E

#4CDCDC - #153E3E

Mezcla HSV

#4CDCDC - #153E3E | 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 #4CDCDC como 0% y #153E3E como 100%.

0.0%	0.0% #4BDCDC	RGB 75 220 220	#4BDCDC
16.7%	16.7% #42C1C1	RGB 66 193 193	#42C1C1
33.3%	33.3% #39A7A7	RGB 57 167 167	#39A7A7
50.0%	50.0% #308D8D	RGB 48 141 141	#308D8D
66.7%	66.7% #277272	RGB 39 114 114	#277272
83.3%	83.3% #1E5858	RGB 30 88 88	#1E5858
100.0%	100.0% #153E3E	RGB 21 62 62	#153E3E

#4BDCDC #42C1C1 #39A7A7 #308D8D #277272 #1E5858 #153E3E

#4CDCDC - #308D8D - #153E3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4BDCDC 0%, #308D8D 50%, #153E3E 100%);
    background: -webkit-linear-gradient(top, #4BDCDC 0%, #308D8D 50%, #153E3E 100%);
    background: linear-gradient(to bottom, #4BDCDC 0%, #308D8D 50%, #153E3E 100%);
}
</style>