#96C3C3 - #CBDDB7 | 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 #96C3C3 a #CBDDB7

#96C3C3 #CBDDB7

Calcule el color entre dos colores, #96C3C3 y #CBDDB7. 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)

#96C3C3 - #CBDDB7 | 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 #96C3C3 como 0% y #CBDDB7 como 100%.

0.0%	0.0% #96C3C3	RGB 150 195 195	#96C3C3
16.7%	16.7% #9EC7C1	RGB 158 199 193	#9EC7C1
33.3%	33.3% #A7CBBF	RGB 167 203 191	#A7CBBF
50.0%	50.0% #B0D0BD	RGB 176 208 189	#B0D0BD
66.7%	66.7% #B9D4BB	RGB 185 212 187	#B9D4BB
83.3%	83.3% #C2D8B9	RGB 194 216 185	#C2D8B9
100.0%	100.0% #CBDDB7	RGB 203 221 183	#CBDDB7

#96C3C3 #9EC7C1 #A7CBBF #B0D0BD #B9D4BB #C2D8B9 #CBDDB7

#96C3C3 - #CBDDB7

Mezcla HSV

#96C3C3 - #CBDDB7 | 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 #96C3C3 como 0% y #CBDDB7 como 100%.

0.0%	0.0% #96C3C3	RGB 150 195 195	#96C3C3
16.7%	16.7% #9BC7BC	RGB 155 199 188	#9BC7BC
33.3%	33.3% #A0CBB5	RGB 160 203 181	#A0CBB5
50.0%	50.0% #A6D0B0	RGB 166 208 176	#A6D0B0
66.7%	66.7% #ACD4AB	RGB 172 212 171	#ACD4AB
83.3%	83.3% #BBD8B1	RGB 187 216 177	#BBD8B1
100.0%	100.0% #CBDDB7	RGB 203 221 183	#CBDDB7

#96C3C3 #9BC7BC #A0CBB5 #A6D0B0 #ACD4AB #BBD8B1 #CBDDB7

#96C3C3 - #A6D0B0 - #CBDDB7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96C3C3 0%, #A6D0B0 50%, #CBDDB7 100%);
    background: -webkit-linear-gradient(top, #96C3C3 0%, #A6D0B0 50%, #CBDDB7 100%);
    background: linear-gradient(to bottom, #96C3C3 0%, #A6D0B0 50%, #CBDDB7 100%);
}
</style>