#145151 - #BBCDCD | 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 #145151 a #BBCDCD

#145151 #BBCDCD

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

#145151 - #BBCDCD | 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 #145151 como 0% y #BBCDCD como 100%.

0.0%	0.0% #145151	RGB 20 81 81	#145151
16.7%	16.7% #2F6565	RGB 47 101 101	#2F6565
33.3%	33.3% #4B7A7A	RGB 75 122 122	#4B7A7A
50.0%	50.0% #678F8F	RGB 103 143 143	#678F8F
66.7%	66.7% #83A3A3	RGB 131 163 163	#83A3A3
83.3%	83.3% #9FB8B8	RGB 159 184 184	#9FB8B8
100.0%	100.0% #BBCDCD	RGB 187 205 205	#BBCDCD

#145151 #2F6565 #4B7A7A #678F8F #83A3A3 #9FB8B8 #BBCDCD

#145151 - #BBCDCD

Mezcla HSV

#145151 - #BBCDCD | 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 #145151 como 0% y #BBCDCD como 100%.

0.0%	0.0% #135151	RGB 19 81 81	#135151
16.7%	16.7% #246565	RGB 36 101 101	#246565
33.3%	33.3% #397A7A	RGB 57 122 122	#397A7A
50.0%	50.0% #528F8F	RGB 82 143 143	#528F8F
66.7%	66.7% #71A3A3	RGB 113 163 163	#71A3A3
83.3%	83.3% #93B8B8	RGB 147 184 184	#93B8B8
100.0%	100.0% #BBCDCD	RGB 187 205 205	#BBCDCD

#135151 #246565 #397A7A #528F8F #71A3A3 #93B8B8 #BBCDCD

#145151 - #528F8F - #BBCDCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #135151 0%, #528F8F 50%, #BBCDCD 100%);
    background: -webkit-linear-gradient(top, #135151 0%, #528F8F 50%, #BBCDCD 100%);
    background: linear-gradient(to bottom, #135151 0%, #528F8F 50%, #BBCDCD 100%);
}
</style>