#16A5A5 - #BCE5E5 | 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 #16A5A5 a #BCE5E5

#16A5A5 #BCE5E5

Calcule el color entre dos colores, #16A5A5 y #BCE5E5. 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)

#16A5A5 - #BCE5E5 | 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 #16A5A5 como 0% y #BCE5E5 como 100%.

0.0%	0.0% #16A5A5	RGB 22 165 165	#16A5A5
16.7%	16.7% #31AFAF	RGB 49 175 175	#31AFAF
33.3%	33.3% #4DBABA	RGB 77 186 186	#4DBABA
50.0%	50.0% #69C5C5	RGB 105 197 197	#69C5C5
66.7%	66.7% #84CFCF	RGB 132 207 207	#84CFCF
83.3%	83.3% #A0DADA	RGB 160 218 218	#A0DADA
100.0%	100.0% #BCE5E5	RGB 188 229 229	#BCE5E5

#16A5A5 #31AFAF #4DBABA #69C5C5 #84CFCF #A0DADA #BCE5E5

#16A5A5 - #BCE5E5

Mezcla HSV

#16A5A5 - #BCE5E5 | 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 #16A5A5 como 0% y #BCE5E5 como 100%.

0.0%	0.0% #15A5A5	RGB 21 165 165	#15A5A5
16.7%	16.7% #2BAFAF	RGB 43 175 175	#2BAFAF
33.3%	33.3% #43BABA	RGB 67 186 186	#43BABA
50.0%	50.0% #5DC5C5	RGB 93 197 197	#5DC5C5
66.7%	66.7% #7ACFCF	RGB 122 207 207	#7ACFCF
83.3%	83.3% #9ADADA	RGB 154 218 218	#9ADADA
100.0%	100.0% #BCE5E5	RGB 188 229 229	#BCE5E5

#15A5A5 #2BAFAF #43BABA #5DC5C5 #7ACFCF #9ADADA #BCE5E5

#16A5A5 - #5DC5C5 - #BCE5E5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #15A5A5 0%, #5DC5C5 50%, #BCE5E5 100%);
    background: -webkit-linear-gradient(top, #15A5A5 0%, #5DC5C5 50%, #BCE5E5 100%);
    background: linear-gradient(to bottom, #15A5A5 0%, #5DC5C5 50%, #BCE5E5 100%);
}
</style>