#67CEC3 - #1D3A37 | 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 #67CEC3 a #1D3A37

#67CEC3 #1D3A37

Calcule el color entre dos colores, #67CEC3 y #1D3A37. 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)

#67CEC3 - #1D3A37 | 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 #67CEC3 como 0% y #1D3A37 como 100%.

0.0%	0.0% #67CEC3	RGB 103 206 195	#67CEC3
16.7%	16.7% #5AB5AB	RGB 90 181 171	#5AB5AB
33.3%	33.3% #4E9C94	RGB 78 156 148	#4E9C94
50.0%	50.0% #42847D	RGB 66 132 125	#42847D
66.7%	66.7% #356B65	RGB 53 107 101	#356B65
83.3%	83.3% #29524E	RGB 41 82 78	#29524E
100.0%	100.0% #1D3A37	RGB 29 58 55	#1D3A37

#67CEC3 #5AB5AB #4E9C94 #42847D #356B65 #29524E #1D3A37

#67CEC3 - #1D3A37

Mezcla HSV

#67CEC3 - #1D3A37 | 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 #67CEC3 como 0% y #1D3A37 como 100%.

0.0%	0.0% #67CEC3	RGB 103 206 195	#67CEC3
16.7%	16.7% #5AB5AB	RGB 90 181 171	#5AB5AB
33.3%	33.3% #4E9C94	RGB 78 156 148	#4E9C94
50.0%	50.0% #42847D	RGB 66 132 125	#42847D
66.7%	66.7% #356B65	RGB 53 107 101	#356B65
83.3%	83.3% #29524E	RGB 41 82 78	#29524E
100.0%	100.0% #1D3A37	RGB 29 58 55	#1D3A37

#67CEC3 #5AB5AB #4E9C94 #42847D #356B65 #29524E #1D3A37

#67CEC3 - #42847D - #1D3A37

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67CEC3 0%, #42847D 50%, #1D3A37 100%);
    background: -webkit-linear-gradient(top, #67CEC3 0%, #42847D 50%, #1D3A37 100%);
    background: linear-gradient(to bottom, #67CEC3 0%, #42847D 50%, #1D3A37 100%);
}
</style>