#29C0C0 - #C0F0B2 | 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 #29C0C0 a #C0F0B2

#29C0C0 #C0F0B2

Calcule el color entre dos colores, #29C0C0 y #C0F0B2. 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)

#29C0C0 - #C0F0B2 | 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 #29C0C0 como 0% y #C0F0B2 como 100%.

0.0%	0.0% #29C0C0	RGB 41 192 192	#29C0C0
16.7%	16.7% #42C8BD	RGB 66 200 189	#42C8BD
33.3%	33.3% #5BD0BB	RGB 91 208 187	#5BD0BB
50.0%	50.0% #74D8B9	RGB 116 216 185	#74D8B9
66.7%	66.7% #8DE0B6	RGB 141 224 182	#8DE0B6
83.3%	83.3% #A6E8B4	RGB 166 232 180	#A6E8B4
100.0%	100.0% #C0F0B2	RGB 192 240 178	#C0F0B2

#29C0C0 #42C8BD #5BD0BB #74D8B9 #8DE0B6 #A6E8B4 #C0F0B2

#29C0C0 - #C0F0B2

Mezcla HSV

#29C0C0 - #C0F0B2 | 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 #29C0C0 como 0% y #C0F0B2 como 100%.

0.0%	0.0% #28C0C0	RGB 40 192 192	#28C0C0
16.7%	16.7% #3CC8AB	RGB 60 200 171	#3CC8AB
33.3%	33.3% #51D09C	RGB 81 208 156	#51D09C
50.0%	50.0% #67D892	RGB 103 216 146	#67D892
66.7%	66.7% #7EE090	RGB 126 224 144	#7EE090
83.3%	83.3% #99E897	RGB 153 232 151	#99E897
100.0%	100.0% #C0F0B2	RGB 192 240 178	#C0F0B2

#28C0C0 #3CC8AB #51D09C #67D892 #7EE090 #99E897 #C0F0B2

#29C0C0 - #67D892 - #C0F0B2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #28C0C0 0%, #67D892 50%, #C0F0B2 100%);
    background: -webkit-linear-gradient(top, #28C0C0 0%, #67D892 50%, #C0F0B2 100%);
    background: linear-gradient(to bottom, #28C0C0 0%, #67D892 50%, #C0F0B2 100%);
}
</style>