#196464 - #BDD2D2 | 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 #196464 a #BDD2D2

#196464 #BDD2D2

Calcule el color entre dos colores, #196464 y #BDD2D2. 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)

#196464 - #BDD2D2 | 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 #196464 como 0% y #BDD2D2 como 100%.

0.0%	0.0% #196464	RGB 25 100 100	#196464
16.7%	16.7% #347676	RGB 52 118 118	#347676
33.3%	33.3% #4F8888	RGB 79 136 136	#4F8888
50.0%	50.0% #6B9B9B	RGB 107 155 155	#6B9B9B
66.7%	66.7% #86ADAD	RGB 134 173 173	#86ADAD
83.3%	83.3% #A1BFBF	RGB 161 191 191	#A1BFBF
100.0%	100.0% #BDD2D2	RGB 189 210 210	#BDD2D2

#196464 #347676 #4F8888 #6B9B9B #86ADAD #A1BFBF #BDD2D2

#196464 - #BDD2D2

Mezcla HSV

#196464 - #BDD2D2 | 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 #196464 como 0% y #BDD2D2 como 100%.

0.0%	0.0% #196464	RGB 25 100 100	#196464
16.7%	16.7% #2A7676	RGB 42 118 118	#2A7676
33.3%	33.3% #3F8888	RGB 63 136 136	#3F8888
50.0%	50.0% #599B9B	RGB 89 155 155	#599B9B
66.7%	66.7% #76ADAD	RGB 118 173 173	#76ADAD
83.3%	83.3% #97BFBF	RGB 151 191 191	#97BFBF
100.0%	100.0% #BDD2D2	RGB 189 210 210	#BDD2D2

#196464 #2A7676 #3F8888 #599B9B #76ADAD #97BFBF #BDD2D2

#196464 - #599B9B - #BDD2D2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #196464 0%, #599B9B 50%, #BDD2D2 100%);
    background: -webkit-linear-gradient(top, #196464 0%, #599B9B 50%, #BDD2D2 100%);
    background: linear-gradient(to bottom, #196464 0%, #599B9B 50%, #BDD2D2 100%);
}
</style>