#67CECE - #05A19F | 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 #67CECE a #05A19F

#67CECE #05A19F

Calcule el color entre dos colores, #67CECE y #05A19F. 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)

#67CECE - #05A19F | 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 #67CECE como 0% y #05A19F como 100%.

0.0%	0.0% #67CECE	RGB 103 206 206	#67CECE
16.7%	16.7% #56C6C6	RGB 86 198 198	#56C6C6
33.3%	33.3% #46BFBE	RGB 70 191 190	#46BFBE
50.0%	50.0% #36B7B6	RGB 54 183 182	#36B7B6
66.7%	66.7% #25B0AE	RGB 37 176 174	#25B0AE
83.3%	83.3% #15A8A6	RGB 21 168 166	#15A8A6
100.0%	100.0% #05A19F	RGB 5 161 159	#05A19F

#67CECE #56C6C6 #46BFBE #36B7B6 #25B0AE #15A8A6 #05A19F

#67CECE - #05A19F

Mezcla HSV

#67CECE - #05A19F | 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 #67CECE como 0% y #05A19F como 100%.

0.0%	0.0% #67CECE	RGB 103 206 206	#67CECE
16.7%	16.7% #53C6C6	RGB 83 198 198	#53C6C6
33.3%	33.3% #41BFBE	RGB 65 191 190	#41BFBE
50.0%	50.0% #30B7B6	RGB 48 183 182	#30B7B6
66.7%	66.7% #20B0AE	RGB 32 176 174	#20B0AE
83.3%	83.3% #12A8A6	RGB 18 168 166	#12A8A6
100.0%	100.0% #05A19F	RGB 5 161 159	#05A19F

#67CECE #53C6C6 #41BFBE #30B7B6 #20B0AE #12A8A6 #05A19F

#67CECE - #30B7B6 - #05A19F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67CECE 0%, #30B7B6 50%, #05A19F 100%);
    background: -webkit-linear-gradient(top, #67CECE 0%, #30B7B6 50%, #05A19F 100%);
    background: linear-gradient(to bottom, #67CECE 0%, #30B7B6 50%, #05A19F 100%);
}
</style>