#74CDCD - #0E9F9D | 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 #74CDCD a #0E9F9D

#74CDCD #0E9F9D

Calcule el color entre dos colores, #74CDCD y #0E9F9D. 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)

#74CDCD - #0E9F9D | 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 #74CDCD como 0% y #0E9F9D como 100%.

0.0%	0.0% #74CDCD	RGB 116 205 205	#74CDCD
16.7%	16.7% #63C5C5	RGB 99 197 197	#63C5C5
33.3%	33.3% #52BDBD	RGB 82 189 189	#52BDBD
50.0%	50.0% #41B6B5	RGB 65 182 181	#41B6B5
66.7%	66.7% #30AEAD	RGB 48 174 173	#30AEAD
83.3%	83.3% #1FA6A5	RGB 31 166 165	#1FA6A5
100.0%	100.0% #0E9F9D	RGB 14 159 157	#0E9F9D

#74CDCD #63C5C5 #52BDBD #41B6B5 #30AEAD #1FA6A5 #0E9F9D

#74CDCD - #0E9F9D

Mezcla HSV

#74CDCD - #0E9F9D | 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 #74CDCD como 0% y #0E9F9D como 100%.

0.0%	0.0% #74CDCD	RGB 116 205 205	#74CDCD
16.7%	16.7% #5FC5C5	RGB 95 197 197	#5FC5C5
33.3%	33.3% #4DBDBD	RGB 77 189 189	#4DBDBD
50.0%	50.0% #3BB6B5	RGB 59 182 181	#3BB6B5
66.7%	66.7% #2BAEAD	RGB 43 174 173	#2BAEAD
83.3%	83.3% #1BA6A5	RGB 27 166 165	#1BA6A5
100.0%	100.0% #0E9F9D	RGB 14 159 157	#0E9F9D

#74CDCD #5FC5C5 #4DBDBD #3BB6B5 #2BAEAD #1BA6A5 #0E9F9D

#74CDCD - #3BB6B5 - #0E9F9D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #74CDCD 0%, #3BB6B5 50%, #0E9F9D 100%);
    background: -webkit-linear-gradient(top, #74CDCD 0%, #3BB6B5 50%, #0E9F9D 100%);
    background: linear-gradient(to bottom, #74CDCD 0%, #3BB6B5 50%, #0E9F9D 100%);
}
</style>